Question

HI I have the jquery script which calls the server every 5 seconds and reload the content (via synchronous ajax call) into div which has a scroll bar enables if the content of the div overflows. now on other browsers when the content of the div is reloaded. the scroll bar maintains its position. but on firefox the scroll bar moves back to the start of div. Is there any way to solve this problem ?

Answer 1

Off the top of my head, one option is to store the scrollTop of the div prior to reloading the content, and then set it again. E.g.:

var scrollTop = $(".foo").scrollTop();

// load some content into .foo, then

$(".foo").scrollTop(scrollTop);