首页 > 其他 > 详细

滚动返回顶部事件

时间:2020-03-25 20:40:22      阅读:63      评论:0      收藏:0      [点我收藏+]
  1. 滚动某个地方显示
  2. 事件:scroll页面滚动事件 
  3. 如果被卷去的头部(window.pageYOffset )大于某个数值
  4. 点击,window.scroll(0,0) 返回顶部
        var goback = document.querySelector(‘.goback‘);
        var nav = document.querySelector(‘nav‘);
        window.addEventListener(‘scroll‘, function() {
            if (this.pageYOffset >= nav.offsetTop) {
                goback.style.display = ‘block‘;
            } else {
                goback.style.display = ‘none‘;
            }
            goback.addEventListener(‘click‘, function() {
                window.scroll(0, 0);
            })
        })

     

滚动返回顶部事件

原文:https://www.cnblogs.com/rainbowupdate/p/12569025.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!