Bootstrap Scrollyspy删除类

2015-05-24 46 views 1 likes

我正在使用Bootstrap Scrollspy，我想要移除一个滚动类。Bootstrap Scrollyspy删除类

我的做法是这样的：

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

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

感谢您的帮助！

来源

2015-05-24 ScubaBen

不明白什么是错的，这是我的小提琴：https://jsfiddle.net/rndu2p4t/4/ – Zl3n

滚动时红色文字应该变黑。 – ScubaBen

回答

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

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

有了这样说你在你的代码中的错误，可能会造成问题。也很难判断你的函数是否在没有看到你所有的代码的情况下被正确调用。

$("#header-wrapper").removeClassName("container");

应该

$("#header-wrapper").removeClass("container");

如果你想简单地删除一个类时，滚动区域移动使用jQuery's scroll代替。我在这里创建了一个示例：https://jsfiddle.net/rndu2p4t/16/

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

希望这会有所帮助，祝你好运！

来源

2015-05-24 18:48:08

Bootstrap Scrollyspy删除类

回答

相关问题