Web前端之路让前端飞

返回顶部的三种方法

2017-09-13  本文已影响101人  提小莫

经常遇到页面高度过高,出现滚动条,需要点击返回顶部标签,返回顶部的操作,本文将讲解三种方式供大家参考。

1.锚点返回

<a href="#backToTop">返回顶部</a>

2.简单的JS代码

<a href="javascript:scroll(0,0)">返回顶部</a>

3.动画滚动+返回按钮显示及隐藏(推荐)

① 给按钮设置了背景图更换和过渡

css样式

②html结构

html

③js部分(先引入jq)

js

还是最后献上源码:

百度云盘链接:http://pan.baidu.com/s/1dEICVx3

提取码:34x7


你也可以使用微信查看该文:

雨泽竹米
上一篇 下一篇

猜你喜欢

热点阅读