在线DEMO:传送门
HTML代码(放在页面任意位置,并用CSS美化):
复制代码 代码如下:
回到顶部
JS代码:
下面再来一个简单点的返回顶部的代码:
效果先看演示:http://demo.jb51.net/js/2016/gotop/
完整代码:
基于jquery的返回顶部效果 #goTop{position:absolute;display:none;width:50px;height:48px;background:#fff url(//img.jbzj.com/file_images/article/201601/gotop.png) no-repeat 16px 15px;border:solid 1px #f9f9f8;border-radius:6px;box-shadow:0 1px 1px rgba(0, 0, 0, 0.2);cursor:pointer} #goTop:hover{height:50px;background-position:16px 16px;box-shadow:0 1px 1px rgba(0, 0, 0, 0.3)} 想看到效果就需要拖动滚动条到下面,靠右下角的位置就可以看到



