2012-07-26 45 views
0

所以我收到这个项目来改进一个网页,它有一个奇怪的行为。当分辨率小于900像素(小型笔记本电脑和平板电脑),并且您到达页面的末尾时,可以在页脚图像后向下滚动(显示背景图像重复出现)。当我有萤火虫打开时,所有解决方案也会发生这种情况。所有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> 
+0

您发布的html没有任何问题......您可以链接到相关网站吗? – Tim 2012-07-26 15:43:59

+0

当然:http://messagelab.ro/ – 2012-07-26 15:46:18

+1

哇!你为什么需要这么多div围绕单个图像?!我同意@Tim你应该发布链接到网站,以便我们可以看到发生了什么。或者也许为它做一个jsfiddle。 – CaldwellYSR 2012-07-26 15:46:54

回答

1

的#toTop锚按下被视口的底部下方时,屏幕高度低于一定数量。这是因为无论使用哪个脚本,都会将该锚点的顶部值更改为比滚动位置多的值。实现这种效果的更好方法是使该人的底部值大于视口底部的10倍。然后,他不会太过分,导致浏览器认为有更多的空间。

+0

谢谢!绝对是这个问题 – 2012-07-26 16:05:16