我已经意识到了scrollspy的基本功能
导航栏具有活动效果
但我想知道,当我们在页面顶部时,
导航具有" navbar-yellow-style"的类。
滚动一些像素后,导航类将成为" navbar-transparant-style"所以它可以变得透明
如何用scrollspy实现它?
如果没有,我怎么能用其他的方法来实现呢?
非常感谢!
答案 0 :(得分:0)
I finally understand that the Scrollspy of Bootstrap it not used for adding the given class to some divs .but to active the nav part. To realize this function I can code like this
$(window).scroll(function(){
if($("body").scrollTop() >= 100){
$("#navbar").removeClass("navbar-fixed-top");
console.log("suc");
}
if($("body").scrollTop() < 100){
$("#navbar").addClass("navbar-fixed-top");
}
})
so I can also check the offset of given tags and realize it .
$(selector).offset().top