技术栈

主页 > 前端开发 >

返回顶部的三种方法

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

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


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

雨泽竹米

责任编辑:admin  二维码分享:
本文标签: 按钮jshtmlhref顶部返回
点击我更换图片

评论列表