延迟加载图像和锚点

Question

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

Answer 1

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

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

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

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