天天看点

返回顶部

一.css实现返回顶部

设置一个div设置id属性,通过绝对定位定位在顶部;给回到顶部按钮设置锚链接
1.html
2.css
3.如图
返回顶部

二.js实现返回顶部

通过动画animate()添加过渡效果

通过scrolltop: '0px'实现返回顶部

(1).无传参时最小高度默认设置为600px (2).设置隐藏 获取window设置scorll事件 (3).获取窗口的滚动条的垂直滚动距离 (4).当距离小于minheight时使按钮隐藏,大于minheight时使按钮显示
使用到的方法: $(window) 获取浏览器窗口;scroll()滚动事件 ;scrolltop()获取窗口的滚动条的垂直滚动距离
3.js
返回顶部

继续阅读