返回顶部的三种方法

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

1.锚点返回

返回顶部

2.简单的JS代码

返回顶部

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

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

返回顶部的三种方法_第1张图片
css样式

②html结构

返回顶部的三种方法_第2张图片
html

③js部分(先引入jq)

返回顶部的三种方法_第3张图片
js

还是最后献上源码:

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

提取码:34x7


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

雨泽竹米

你可能感兴趣的:(返回顶部的三种方法)