javascript - 删除主体上的类不适用于 pagepiling.js

Question

我用 pagepiling.js 做了一个网站，此脚本在视口(viewport)中的部分添加“事件”类。现在我想在我的 section1 像这样 active 时在我的 body 上添加一个类:

$(document).ready(function() {
    if ($('#section1').hasClass("active") === true) {
        $('body').toggleClass("one");
    }
});

它运行良好(类被添加到正文中)但是当我滚动时我的 section1 没有类 active 因为我现在在 section2，body上的类没有去掉。我该如何解决？我也试过:

$(document).ready(function() {
    if ($('#section1').hasClass('active')) {
        $('body').addClass('one');
    }
    else {
        $('body').removeClass('one');
    }
});

但它不起作用。

Answer 1

你必须把你的条件放在滚动事件中，因为你应该在每次用户滚动时检查:

$('body').on('scroll', function() {
    if ( $('#section1').hasClass("active") ){
        $('body').toggleClass("one");
    }
});

希望这对您有所帮助。