Question

I have a pagination system like this:

[content]
1 2 3 Next >

when you click on 1/2/3/next the [content] element gets replaced trough ajax.

the problem is that the screen focus moves up if the new height of the [content] is larger than the previous one.

can I force the screen to stay focused where where the pagination links are?

Answer 1

You need to find the position of the element and scroll to that position each time the height changes. Something like:

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