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

Question

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

0

$(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 пикселей или удаляет класс, если это не так.

Может ли кто-нибудь показать мне мою бесспорную идиотскую ошибку здесь?

andy 24 сен. 2013, в 20:20

Источник

Теги:

jquery

1 ответ

Ещё вопросы

Adam · Accepted Answer · 2013-09-24T15-10-00.000Z

offset дает вам верхние и левые смещения пикселов элемента относительно документа.

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

То, что вы хотите, это $(window).scrollTop()

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