经常遇到页面高度过高,出现滚动条,需要点击返回顶部标签,返回顶部的操作,本文将讲解三种方式供大家参考。
1.锚点返回
<a href="#backToTop">返回顶部</a>
2.简单的JS代码
<a href="javascript:scroll(0,0)">返回顶部</a>
3.动画滚动+返回按钮显示及隐藏(推荐)
① 给按钮设置了背景图更换和过渡
![](https://img.haomeiwen.com/i1291361/c808a46542b6f88f.png)
②html结构
![](https://img.haomeiwen.com/i1291361/9eb367c14cb19b81.png)
③js部分(先引入jq)
![](https://img.haomeiwen.com/i1291361/ff0ffe46398bf303.png)
还是最后献上源码:
百度云盘链接:http://pan.baidu.com/s/1dEICVx3
提取码:34x7
你也可以使用微信查看该文:
![](https://img.haomeiwen.com/i1291361/4564de5a3bf75902.png)
网友评论