$(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 пикселей или удаляет класс, если это не так.
Может ли кто-нибудь показать мне мою бесспорную идиотскую ошибку здесь?
offset
дает вам верхние и левые смещения пикселов элемента относительно документа.
Поскольку элемент тела очень часто начинается в верхнем левом углу, он даст вам top:0
и left:0
99% времени, если вы не сделали что-то особенное для тега body в CSS.
То, что вы хотите, это $(window).scrollTop()
который говорит вам, как далеко вниз по странице, которую вы прокрутили.