javascript - 添加新内容时保持位置（视口）

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

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