延迟加载图像和锚点答案

【问题标题】：Lazyload images and anchors延迟加载图像和锚点
【发布时间】：2016-07-11 21:55:27
【问题描述】：

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

【问题讨论】：

不能在点击事件上计算滚动位置吗？
@AlexGill 我不确定你的意思。目前的学校职位对我来说似乎无关紧要。也许你可以多解释一下为什么这会有所帮助。
我在我的 WordPress 网站页面上遇到了完全相同的问题。你找到出路了吗？
@pupsozeyde 我没有使用 WordPress，但一般来说：跳转到锚点时禁用延迟加载图像。然后再次启用延迟加载，但旋转它正在查看的方向。正常的延迟加载：img pos = scroll pos 然后加载 img。

标签： javascript jquery html

【解决方案1】：

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

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

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

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

【讨论】：

嗯。图像在用户向下滚动后加载。但是我需要在加载图像之前跳转到锚点位置。加载图像后，无需执行任何操作。