想js实现回到顶部,哪里除了问题?

  $(document).ready(function(){ 

      var offset = $(window).scrollTop();

      if (offset > 600) {
        $('.back-to-top').addClass('show');
      } else {
        $('.back-to-top').removeClass('show');
      }
      $('.back-to-top').on('click', function(){
      $('body').scrollTo(0, {duration: 600});
      });
 });

在页面往下滚动的时候, $('.back-to-top').addClass('show');并没有执行

阅读 4.4k
4 个回答
// HERE-------+
//            ↓
//            ↓
//            ↓
$(window).scroll(function(){ 

      var offset = $(window).scrollTop();

      if (offset > 600) {
        $('.back-to-top').addClass('show');
      } else {
        $('.back-to-top').removeClass('show');
      }
      $('.back-to-top').on('click', function(){
      $('body').scrollTo(0, {duration: 600});
      });
 });

逻辑判断写在绑定页面滚动事件中,你现在的逻辑只在页面加载完成后执行一次

楼上说的没错,换个角度说就是“没监听scroll事件”

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题