这个暑假跑去领略了大西北的风景,没什么时间也变懒了,现在在做一个小项目,发现很多网页你浏览的时候都会有返回页面顶部的按钮,现在在这里总结一下
返回顶部按钮
- 制作返回顶部按钮
- 当浏览页面到第二页的时候显示返回顶部按钮,否则隐藏
点击返回顶部按钮返回到页面顶部
使用getScrollTop()函数
html代码
<body>
<p>向下拖动滚动条(进入第二屏),右下角会出现“返回顶部”图标</p>
<img src="images/totop.png" id="toTop"/>
</body>
css样式代码
*{
margin:0;
padding: 0;
}
body{
height: 4000px;
}
#toTop{
position: fixed;
right:30px;
bottom:40px;
cursor: pointer;
display: none;
}
js代码
window.onload = function (){
var scrollEle = c