使用无限滚动+延迟加载加载新内容时，页面向上滚动

Question

我目前正在使用Paul Irish的无限滚动插件以及在我的tumblr博客上使用延迟加载。

基本上，当您滚动到页面底部时，将加载新内容。

我遇到的问题是，当加载新内容时，页面会继续向上滚动（视口）。

有什么我想念的吗？我只是希望视口保持固定在当前位置，并在调用无限滚动函数时加载所谓的'fold'下面的所有内容。

这是因为如果你太快地滚动到底部，那么“折叠”上方的图像仍会被加载，迫使页面显示为“向上”滚动。如果是这样，也许无限卷轴不适合我的博客？

您可以在此处查看：http://blog.rainbird.me/

干杯威尔。

Answer 1

最佳解决方案是确保在页面上的所有图片上指定正确的宽度和高度。

这将有助于您在加载时无论如何都能获得页面的吸引力。否则，当页面继续重绘时，文本和元素会四处跳转。

Answer 2

如果无法设置图像高度，可以尝试一下其他方法：

1. 在加载图像之前捕获滚动位置
2. 加载图像
3. 如果图像在滚动位置“上方” ...获取计算出的图像高度，并将其添加到滚动位置以进一步将用户下推。