我有一个非常大的div,使页面垂直和水平滚动条.
每隔几分钟,我希望刷新div的内容,所以我使用jquery get将div内容重新加载到div中.
问题是我不希望屏幕上用户正在看的地方被更改,我希望div重新加载,但是用户应该仍然看着div中的相同位置(意味着div应该不回滚到(0,0).
使用$(“#mainwrapper”).html(data);将html覆盖到div时有时会发生什么,div暂时为空,因此缩小,然后重新填充,但用户现在处于(0,0) )
希望这是有道理的.
解决方法
在将内容加载到div之前,请保存滚动位置.
var scroll_l = $('#yourdiv').scrollLeft(),scroll_t = $('#yourdiv').scrollTop();
每次滚动div时,保存加载保存时滚动的位置.
$('#yourdiv').scroll(function() {
if ($('#yourdiv').html().length) {
scroll_l = $('#yourdiv').scrollLeft();
scroll_t = $('#yourdiv').scrollTop();
}
});
然后,加载新内容并重新应用滚动位置：
$('#yourdiv').load('/your/url',function() {
$('#yourdiv').scrollLeft(scroll_l);
$('#yourdiv').scrollTop(scroll_t);
});
