html - 网页无限向下滚动

Question

所以我收到了这个改进网页的项目，它的行为很奇怪。当分辨率小于 900 像素（小型笔记本电脑和平板电脑）并且您到达页面末尾时，您可以在页脚图像之后无休止地向下滚动（它似乎会重复出现背景图像）。当我打开 firebug 时，所有分辨率都会发生这种情况。所有 div 都已正确关闭。我真的不知道这种行为背后的原因。可能之前有人看过...

这是我的页脚：

<footer>

 <div id="footer">

  <div id="footerContainer">

   <div id="footerMain">

    <div id="legal"></div>

    <div id="footerNav">

      <img src="images/table-footer.png" alt="">

     </div>

    </div>

   </div>

 </div>

</footer>

<a href="#" id="toTop"></a>
</body>

</html>

Answer 1

当屏幕高度低于某个数字时，#toTop 锚点被推到视口底部下方。这是因为无论使用什么脚本，都会将该锚的顶部值更改为比滚动位置多 x 数量。实现相同效果的更好方法是使家伙的底部值比视口底部多 10 左右。然后他不会走得太远，导致浏览器认为空间比实际空间多。