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

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

       }

    });
});

我实际上无法弄清楚为什么这不起作用，如果页面滚动超过650px，则应该向.fluid-width-video-wrapper添加一个类，如果不滚动，则删除该类。

有人可以在这里向我展示我怀疑的愚蠢错误吗？

Answer 1

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

由于body元素经常从左上角开始，因此它会在99％的时间内给你top:0和left:0，除非你对body标签做了一些特别的事情。在CSS。

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

告诉您滚动页面的距离。