2015-12-27 73 views
3

從頂部滾動473px後我有一個顯示/隱藏菜單欄。 現在我想通了,那就我需要顯示/在不同的像素偏移隱藏它(因爲在頂部例如大局觀)其他頁面。顯示/隱藏DIV - 讓jQuery的讀出了「偏移/錨」位置

所以理論上我在滾動的「錨」,jQuery的檢查「是啊還有就是‘錨’ - 現在證明.themenu」。

// Menu bar after scrolling X px 
// ------------------------------------------------------------------------ 
    $(window).scroll(function(){       
     if ($(this).scrollTop() > 473) { 
      $('.themenu').fadeIn(10); 

     } else { 
      $('.themenu').fadeOut(10); 
     } 
    }); // EOF scroll 

回答

3

您可以通過使用.offset().top您需要的元素滾動做是爲了操作時達到它

$(window).scroll(function(){ 
     var elementoffset = $('#elementhere').offset(); // <<< change #elementhere with your element you want the scroll to make action when reach it       
     if ($(this).scrollTop() > elementoffset.top) { 
      $('.themenu').fadeIn(10); 

     } else { 
      $('.themenu').fadeOut(10); 
     } 
    }); // EOF scroll 
+0

工作完美無瑕,謝謝!很容易,我可能應該在搜索時找到這個。祝你有個好的一天! – ezkay

+0

@ezkay你完全受歡迎..雖然我們花更多時間編碼有時我們錯過了它已經在我們面前的東西..這一直髮生在我們所有人身上..非常好的運氣給你:) –

+1

謝謝!我非常喜歡這個社區:) – ezkay