Javascript 添加新内容时保持位置(视口)
当jQuery中的append函数添加了新的动态内容(例如图像)时,我试图将我的位置设置为用户观看的位置 我试过使用scrollTop,但内容的下载时间仍然更长 以下是我测试过的代码:Javascript 添加新内容时保持位置(视口),javascript,jquery,mobile,viewport,Javascript,Jquery,Mobile,Viewport,当jQuery中的append函数添加了新的动态内容(例如图像)时,我试图将我的位置设置为用户观看的位置 我试过使用scrollTop,但内容的下载时间仍然更长 以下是我测试过的代码: var scrollPosition = $(this).scrollTop(); $("#main-article").scrollTop(scrollPosition); 但是当添加新内容时,位置不再正确,因此我需要在添加内容后以某种方式获得新位置,因此我仍然看到与添加内容之前相同的内容 希望它有意
var scrollPosition = $(this).scrollTop();
$("#main-article").scrollTop(scrollPosition);
但是当添加新内容时,位置不再正确,因此我需要在添加内容后以某种方式获得新位置,因此我仍然看到与添加内容之前相同的内容
希望它有意义嗯,试试这个:
var onAppendCallback = function() {
$visible = $('.article:visible') // Or $(this)
$(window).scrollTop($visible.scrollTop()) // Or $('#main-aritcle')
}
var addNewContent = function(callback) {
// Do your new content logic here
callback && callback.call(this)
}
关键是您需要使用回调,否则一切看起来都很好