Javascript 添加新内容时保持位置(视口)

Javascript 添加新内容时保持位置(视口),javascript,jquery,mobile,viewport,Javascript,Jquery,Mobile,Viewport,当jQuery中的append函数添加了新的动态内容(例如图像)时,我试图将我的位置设置为用户观看的位置 我试过使用scrollTop,但内容的下载时间仍然更长 以下是我测试过的代码: var scrollPosition = $(this).scrollTop(); $("#main-article").scrollTop(scrollPosition); 但是当添加新内容时,位置不再正确,因此我需要在添加内容后以某种方式获得新位置,因此我仍然看到与添加内容之前相同的内容 希望它有意

当jQuery中的append函数添加了新的动态内容(例如图像)时,我试图将我的位置设置为用户观看的位置

我试过使用scrollTop,但内容的下载时间仍然更长

以下是我测试过的代码:

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)
}
关键是您需要使用回调,否则一切看起来都很好