滚动条返回顶部 jquery实现

时间:2016-12-24 04:01:29
【文件属性】:
文件名称:滚动条返回顶部 jquery实现
文件大小:27KB
文件格式:RAR
更新时间:2016-12-24 04:01:29
jquery滚动条 返回顶部 当页面滚动时(监听scroll事件),浏览器滚动条处于最顶部时,隐藏“返回顶部”按钮,当滚动条继续向下滚动时,动态计算出当前可视窗口的高度-按钮高度-按钮距浏览器下边缘高度得到的值,如果这个值大于某个特定的数字时,显示“返回顶部”按钮,否则隐藏。然后,当单击“返回顶部”按钮时,其实应该是一个链接,将滚动条滚回浏览器最顶部。在这个过程中,我们可以使用animate来创建动画效果,即返回顶部时有个过渡效果
【文件预览】:
说明.doc
gotoTop.js
index.html
index2.html
top.gif
index3.html

网友评论