2017-03-10 30 views
0

我试图围绕这一点将我的头包裹起来,但我很难做到这一点。所以我的导航功能根据scrollTop函数从一种颜色改变为另一种颜色。不过我不喜欢那样,我想让导航在超过某个div后做出反应。将scrollTop中的整数更改为div

  $(function() { 
       $(window).on("scroll", function() { 
       if ($(window).scrollTop() > 550) { 
        $("nav").addClass("active"); 

       } else { 
        //remove the background property so it comes transparent again (defined in your css) 
        $("nav").removeClass("active"); 
       } 
       }); 

       new WOW().init(); 
      }); 

如何将if ($(window).scrollTop() > 550) {(整数)从那个更改为div?所以div是#video

我基本上希望导航改变颜色后滚动达到div video

感谢

回答

1

好,而不是相对于一个硬盘550,只需比较一下你的#video的位置:)

if ($(window).scrollTop() > $('#video').position().top) 
+0

如果'位置('不这样做,那么使用'偏移()'。 – Slime

+0

它像一个魅力@美国煤泥非常感谢你!学到了新东西! – Kris