jquery - 无法弄清楚为什么这不起作用

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');

       }

    });
});

我真的不明白为什么这不起作用，如果页面滚动超过 650 像素，这应该向 .fluid-width-video-wrapper 添加一个类，如果不是，则删除该类。

有人可以在这里告诉我我毫无疑问的愚蠢错误吗？

Answer 1

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

由于 body 元素经常从左上角开始，它会给你top:099 left:0% 的时间，除非你对 CSS 中的 body 标签做了一些特殊的事情。

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

它告诉您滚动页面的深度。