无限滚动+延迟加载加载新内容时页面向上滚动答案

【问题标题】：Page scrolls upwards when loading new content with infinite scroll + lazy load无限滚动+延迟加载加载新内容时页面向上滚动
【发布时间】：2010-12-18 07:38:41
【问题描述】：

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

基本上，当你滚动到页面底部时，新的内容就会被加载进去。

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

我有什么遗漏吗？我只希望视口保持固定在当前位置，并在调用无限滚动函数时加载所谓的“折叠”下方的所有内容。

这是因为如果您滚动到底部太快，那么“折叠”上方的图像仍然会被加载，从而迫使页面看起来“向上”滚动。如果是这样，也许无限滚动不适合我的博客？

您可以在这里查看：http://blog.rainbird.me/

干杯威尔。

【问题讨论】：

嘿。是的，这就是它的确切原因，图像正在加载并且位置保持不变但内容正在扩展，如果要修复它，请删除延迟加载，但您将失去整个“如果需要加载”功能，快速修复（但是从维护的角度来看是一个痛苦的问题）是强制所有图像的宽度和高度，但是您需要使用内联样式或服务器端脚本手动执行此操作，因为没有必要获取原始参数-您会需要加载此图像以获取大小，抱歉，这实际上是一个可行的解决方案

标签： jquery

【解决方案1】：

最好的解决方案是确保在页面上的所有图像上指定正确的 width 和 height。

这将帮助您在加载页面时提高页面的吸引力。否则，随着页面继续重绘，文本和元素会四处跳动。

【讨论】：

【解决方案2】：

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

在加载图像之前捕获滚动位置
加载图片
如果图像“高于”滚动位置...获取计算的图像高度并将其添加到滚动位置以进一步向下推动用户。

【讨论】：