延迟加载图像和锚点

Question

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

Answer 1

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

例如：如果加载了图像，您可以：

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

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