Bootstrap Scrollyspy删除类

时间:2015-05-24 09:21:08

标签: jquery twitter-bootstrap

我正在使用Bootstrap Scrollspy,我想在滚动时删除一个类。

我的方法是:

function myFunction() {
    $(".scroll-area").scrollspy({target: "#header-wrapper"});
    $("#header-wrapper").on("activate.bs.scrollspy", function () {
        $("#header-wrapper").removeClassName("container");
    });
    }
}

我缺少什么?
我把整件事放在一个小提琴里:https://jsfiddle.net/rndu2p4t/

感谢您的帮助!

1 个答案:

答案 0 :(得分:1)

Scroll Spy用于根据滚动位置更新导航目标,您可以看到如何使用' activate.bs.scrollspy'下面。一旦到达第二部分,它将删除' my-bg'类。

http://jsfiddle.net/q4p5r/293/

据说你的代码中有错误可能导致问题。如果没有看到你的所有代码,你的函数是否被正确调用也很难判断。

$(".scroll-area").scroll(function () {
    $("#header-wrapper").removeClass("container");
});

应该是

{{1}}

如果您想在移动滚动区域时删除一个类,请改用jQuery's scroll。我在这里创建了一个例子:https://jsfiddle.net/rndu2p4t/16/

{{1}}

希望这有帮助,祝你好运!