滚动到特定元素而不进行偏移

Question

页面中有n个块。每个块加载图像。要加快页面速度，请使用 lazyload 。现在有些情况下用户想要在页面加载时滚动到第15个块（类似于StackOverflow高亮显示并滚动到特定的答案或注释）。

我从网址获取了区号，说?page=15。

使用，

$('html, body').stop().animate(
{
    scrollTop: $('section.block-holder[data-page='+gotopage+']').offset().top
}, 1500,'easeInOutExpo');

当然，对于没有lazyload的所有页面，这应该完美无缺。现在，我无法删除lazyload，因为页面可能最多可以加载50个更大尺寸的图像。但是在页面加载时，只有1或2个块保留在视口内，并且只有这些块的图像可以保留在视口内。装了。所以剩下的块的高度为0。

如何解决这个问题？

Answer 1

您应该在加载之前设置所有图像或其容器的大小。然后使用延迟加载，您可以填充src标记并加载图像。