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

Question

当使用jQuery中的追加函数添加新的动态内容（例如图像）时，我正在尝试将我的位置设置为用户观看的位置。

我已经尝试过使用scrollTop，但内容仍然更长。

这是我测试过的代码：

var scrollPosition = $(this).scrollTop();    
$("#main-article").scrollTop(scrollPosition);

但是当添加新内容时，位置不再正确，所以我需要在添加内容后以某种方式获得新位置，所以我仍然看到与添加内容之前相同的内容。

希望它有意义

Answer 1

嗯试试

这个：

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)
}

关键是你需要使用回调，否则一切看起来都很好。