返回顶部的三种方法

2017-09-13 21:47 出处:简书 人气: 评论(0

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

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


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

雨泽竹米

本文标签: 按钮jshtmlhref顶部返回

相关文章

Copyright © 2002-2017 JISHUX. 技术栈 版权所有

京ICP备15061484号-3