不知道为什么这不起作用

Question

$(function() { // document ready 
    $(window).scroll(function() { 
     var top_offset = $('body').offset().top; 
     if ((top_offset <= 650)) { 

      $('.fluid-width-video-wrapper').addClass('fluid-width-video-wrapper-bottom'); 

     } else { 

     $('.fluid-width-video-wrapper').removeClass('fluid-width-video-wrapper-bottom'); 

     } 

    }); 
}); 

我从字面上不知道为什么这不起作用，这应该添加一个类到.fluid-width-video-wrapper如果页面滚动超过650像素，或者如果不是，则删除该类。

有人可以在这里看到我的毋庸置疑的愚蠢的错误吗？

Answer 1

offset为您提供元素相对于文档的顶部和左侧像素偏移量。

由于body元素经常从左上角开始，所以它会在99％的时间内给你top:0和left:0，除非你在CSS中为body标签做了一些特殊的事情。

你想要的是$(window).scrollTop()

它告诉你如何远了用户滚动页面。