1. 首页
  2. 编程语言
  3. Web开发
  4. 滚动条返回顶部 jquery实现

滚动条返回顶部 jquery实现

上传者: 2019-05-28 09:24:33上传 RAR文件 27.33KB 热度 39次
当页面滚动时(监听scroll事件),浏览器滚动条处于最顶部时,隐藏“返回顶部”按钮,当滚动条继续向下滚动时,动态计算出当前可视窗口的高度-按钮高度-按钮距浏览器下边缘高度得到的值,如果这个值大于某个特定的数字时,显示“返回顶部”按钮,否则隐藏。然后,当单击“返回顶部”按钮时,其实应该是一个链接,将滚动条滚回浏览器最顶部。在这个过程中,我们可以使用animate来创建动画效果,即返回顶部时有个过渡效果
下载地址
用户评论