只顯示DIV通過滾動位置問題

我已經找到了如何在滾動到滾動位置時顯示div。我使用這樣做的jQuery代碼是這樣的：只顯示DIV通過滾動位置問題

$(window).scroll(function() { 
if ($(this).scrollTop() > 75) { 
    $("#ddmenubg2:hidden").fadeIn('slow'); 
} 
else { 
    $("#ddmenubg2:visible").fadeOut("slow"); 
}

}）;

據我所知，這是告訴div ddmenubg2在您達到75滾動標記之前隱藏，然後在該標記之後的任何位置，div保持可見...以及該標記之前的任何內容，div將被隱藏。但是，出於某種原因，ddmenubg2 div在我的頁面上的75像素標記之前。當我進入75分時，div消失並重新消失。這隻發生在第一頁加載或刷新時，它在多次上下滾動後可正常工作，但每當刷新頁面時都會出現此問題，直到您向下滾動爲止。

現在，解決此問題的一個簡短方法是使ddmenubg2 div的顯示爲「無」。這實際上修復了整個滾動問題，但它使我的主菜單無法正常工作。

那麼我該如何讓ddmenubg2 div在超過75之前保持隱藏狀態，並且一旦超過75就保持這個狀態......即使在第一頁加載或刷新時，

來源

2012-11-18 user1658560

'$（「＃ddmenubg2：隱藏」）'這並不意味着它迫使格被隱藏，它只是選擇它**如果它隱藏：[隱藏選擇器文檔]（http://api.jquery.com/hidden-selector/）（因爲如果它已經可見，則不需要淡入）。爲什麼你的菜單運行不正確，如果你隱藏'＃ddmenubg2'默認使用display none？如果您可以製作一個[小提琴]（http://jsfiddle.net）來展示您的問題，這將會很有幫助。 – Bogdan

這將需要永遠複製和粘貼我的所有網站到小提琴。但是，當我使顯示無時，我的下拉菜單無法正常工作。 :(有沒有辦法隱藏div直到它達到75滾動標記，而不使用顯示無代碼？是否有任何解決方案涉及或操縱上面列出的JQuery代碼？ – user1658560

使用visibility: hidden而不是顯示無。這將保留元素的寬度和高度屬性，但會使其不可見。以下是我如何修改代碼以使其工作。

的CSS

#ddmenubg2{ 
    visibility:hidden; 
}

JavaScript的

$(function(){ 
    $(window).scroll(function() { 
     if ($(this).scrollTop() > 75) { 
      $("#ddmenubg2:hidden").css('visibility','visible'); 
      $("#ddmenubg2:hidden").fadeIn('slow'); 
     } 
     else {  
      $("#ddmenubg2:visible").fadeOut("slow"); 
     } 
    }); 
});

來源

2012-11-18 06:33:54

只顯示DIV通過滾動位置問題

回答

相關問題