Не могу понять, почему это не работает

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 дает верхние и левые смещения пикселей элемента относительно документа.

Поскольку элемент тела очень часто начинается в верхнем левом углу, он даст вам top:0 и left:0 99% времени, если только вы не сделали что-то особенное для тега тела в CSS.

Что вы хотите $(window).scrollTop()

, который говорит вам, как далеко вниз страницы, вы прокручивается.