一旦该部分到达窗口顶部，就将该类添加到该部分

Question

我正面临挑战，一旦该部分到达窗口顶部，该部分添加一个类，任何人都有答案请与我分享。

Answer 1

您正在寻找scrollSpy，Bootstrap内置了一个，您无需重新发明轮子即可轻松实施。

简而言之，解决方案在于将window.scrollTop与您感兴趣的element的位置进行比较。这通常有top和offsetX您可以用于计算您在视口中的距离。

Answer 2

使用jquery，你可以像这样编码：

$(document).ready(function () {

    $(window).scroll(function() {
        var scroll_top = $(document).scrollTop();
        var element_offset_top = $('#mainFooter').offset().top;
        if (scroll_top >= element_offset_top) {
            $('#mainFooter').addClass('classname');
        } else {
            $('#mainFooter').removeClass('classname');
        }
    });
});

我使用了id =＆＃34; mainFooter＆＃34;对于此示例代码。也＆＃34; classname＆＃34;是你想要的班级名称。