javascript - 滚动后添加类还需要进行刷新

Question

我有一个工作脚本，它在滚动 80px 后向正文添加一个类。这是可行的，但我也需要它在滚动并刷新页面后也能工作。

那么也许可以按位置替换滚动部分？

// fixed header
$(function() {
    $(window).scroll(function() {
        var scroll = $(window).scrollTop();
        if (scroll >= 80) {
            $("body").addClass('fixed');
        } else {
            $("body").removeClass("fixed");
        }
    });
});

Answer 1

$(window).scroll 仅在发生滚动事件时触发。如果您想在页面加载时检查滚动位置，您应该在 $(window).scroll 回调之外执行此操作，如下所示:

function updateScroll() {
    if ($(window).scrollTop() >= 80) {
        $("body").addClass('fixed');
    } else {
        $("body").removeClass("fixed");
    }
}

$(function() {
    $(window).scroll(updateScroll);
    updateScroll();
});