2017-03-10 71 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