网页无休止向下滚动

Question

所以我收到了这个改进网页的项目，它有一种奇怪的行为。当分辨率小于900px（小型笔记本电脑和平板电脑）并且到达页面末尾时，您可以在页脚图像后无限向下滚动（背景图像看起来重复出现）。当我打开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个。然后，他不会走得太远，导致浏览器认为有更多的空间。