javascript - 延迟加载图像和 anchor

Question

我有一个网页等待加载图像，直到它们在浏览器的视口(viewport)中可见(延迟加载)。图像的尺寸未知。在网页顶部，我有一个跳转到页面底部 anchor 的链接。当用户按下链接时，浏览器会滚动到网页的错误位置。我认为这是因为图像是在浏览器中加载的，这会改变页面的高度。换句话说，点击链接后 anchor 的位置会发生变化。有没有办法解决这个悖论。

Answer 1

您可以做的是在图像完全加载后附加一个链接和一个 div。

例如:如果图片已加载，您可以:

$("#someDiv").append("<a href='#SomeOtherDiv'></a>");

$("#someDivAtTheBottomOfThePage").append("<div id='#JumpToThis'></div>");