不知道爲什麼這不起作用

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()

它告訴你如何遠了用戶滾動頁面。