控制网页返回顶部方法大全

      很多网站都会提供一个'返回顶部"的按钮浮动在界面上（如您现所在的csdn）。其功能是用户在滚动浏览信息时，能随时返回网页的顶部。

    

      效果实现方法有很多种，可以选择最适合你的来完成。下面介绍一下我使用过的几种方法：

      我第一次被要求实现这个功能的时候。为了简单方便，我毫不犹豫的用了锚点来实现。在按钮外面加了一个<a>标签，在顶部导航栏加个id。代码如下：

         按钮： <a href='#top'><input type='button' /></a>

         顶部div： <div id="top"></div>

      这样不用写js，兼容性也非常好。

     然而万事并没有那么顺利。随着需求的变更及原型的设计，网上的一些特别的页面把头部导航隐藏了。这就意味着我不能通过锚点来定位返回头部了。

     于是我改用了jquery的BOM方法：$(window).scrollTop(0); 这样完全不受页面元素内容的影响。代码如下：

      $('#buttonID&