现在的网站基本上都是长页面，多的有四五屏，少的话也有两三屏，页面太长有的时候为了提升用户体验，会在页面右边出现一个回到顶部的按钮，这样能快速回到顶部，以免在滑动页面出现视觉屏幕，回到顶部一般有四种方式。
1.通过锚链接回到顶部,需要将body加入一个名为top的标记:
2.通过JavaScript的scroll回到顶部,控制水平和垂直方向:
3.通过JavaScript控制，缓慢向上滑动，不过不够平滑，代码参考如下:
4.当滚动条滚动到一定位置的时候显示，滚动条向上回滚的时候隐藏向上的回到顶部按钮，这种方式是最常用的方式:
jQuery代码:
CSS代码:
以上就是常用的样式，如有更好的方式，欢迎探讨~
本文转自Fly_Elephant博客园博客，原文链接：/xiaofeixiang/p/5042463.html，如需转载请自行联系原作者
