jQuery - переместить в определенное местоположение элемента

Question

У меня есть такая система нумерации страниц:

[content]
1 2 3 Next >

, когда вы нажимаете 1/2/3 / рядом, элемент [content] заменяется через ajax.

проблема в том,что фокус экрана перемещается вверх, если новая высота [содержимого] больше, чем предыдущая.

можно ли заставить экран оставаться сфокусированным там, где находятся ссылки на страницы?

Answer 1

Вам нужно найти положение элемента и прокручивать его до каждого изменения высоты. Что-то вроде:

var p = $(".links").position();
$(window).scrollTop(p.top);

Answer 2

Вероятно, вы можете исправить это без jQuery или javascript ... Просто создайте именованный якорь, где вы хотите, чтобы верхняя часть страницы находилась после того, как пользователь нажимает навигационные ссылки, вставьте имя якоря в идентификатор фрагмента переходите по ссылкам и не отменяйте событие, поэтому страница переходит на якорь.

<a name="contentTop"></a>

[content]

<a href="#contentTop" onclick="nextPage(); return true;">Next</a>

Answer 3

Чтобы страница отображалась прозрачно и оставалась на том же месте, вам необходимо выяснить, где находятся ссылки, прежде чем загружать новый контент.

var before = $(".links").offset().top;

Затем, после загрузки нового контента, получите новую высоту ссылки.

var after = $(".links").offset().top;

Затем посчитай, как сильно он сдвинулся.

var difference = after - before

И соответственно обновите местоположение прокрутки вашего окна

$(window).scrollTop( $(window).scrollTop() + difference )