我正在使用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/
谢谢你的帮助!
Scroll Spy用于基于滚动位置更新导航目标,您可以在下面看到如何使用'activate.bs.scrollspy'的有效示例。到达第二部分后,它将删除“ my-bg”类。
http://jsfiddle.net/q4p5r/293/
话虽这么说,您的代码中确实存在一个错误,这可能是导致问题的原因。在不查看所有代码的情况下,很难判断函数是否被正确调用。
$("#header-wrapper").removeClassName("container");
应该
$("#header-wrapper").removeClass("container");
如果您只想在移动滚动区域时删除一个类,请使用jQuery的滚动。我在这里创建了一个示例:https : //jsfiddle.net/rndu2p4t/16/
$(".scroll-area").scroll(function () {
$("#header-wrapper").removeClass("container");
});
希望有帮助,祝您好运!
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句