Bootstrap如何实现rolllspy实现添加给定类的功能?

时间:2015-12-09 15:25:47

标签: javascript jquery twitter-bootstrap scrollspy

我已经意识到了scrollspy的基本功能 导航栏具有活动效果 但我想知道,当我们在页面顶部时, 导航具有" navbar-yellow-style"的类。 滚动一些像素后,导航类将成为" navbar-transparant-style"所以它可以变得透明 如何用scrollspy实现它?
如果没有,我怎么能用其他的方法来实现呢? 非常感谢!

1 个答案:

答案 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