CSS JS顯示沒有改變DIV

Question

我有一個尋呼機。和在那一個尋呼機，我有一個是（在一個div固定側NAV）設置爲display:none的項目。

我可以把它顯示滾動一定DIV是什麼時候？

所以開始時的代碼，但沒有顯示出來，然後當用戶滾動到#about可以邊導航顯示？

Answer 1

基本上你將需要檢查用戶是否已滾動到或超過關於DIV ID。 首先，您需要建立div的當前Y值。

//cache about div 
var about = $('#about'); 
//this caches the about div position on window load 
var aboutPosition = about.position(); 

接下來，您將需要確定用戶滾動的距離。我決定完成這件事的最好方法是使用計時器。您可以使用scoll事件，但它對用戶瀏覽器太重了，而計時器大部分難以區分。

//generic timer set to repeat every 10 mili(very fast) 
//with a callback to execute the logic 
var checkScrollPos = window.setInterval("scrollTopLogic()",10); 

function scrollTopLogic(){ 
    //if about y position is greater than or equal to the 
    //current window scroll position do something 
    if(aboutPosition.y >= $(window).scrollTop()){ 
     $('nav').show(); 
     //remove timer since it is no longer needed 
     window.clearInterval(checkScrollPos); 
    } 
} 

Answer 2

您可以趕上div的滾動事件，並表示這樣的

$("#div").scroll(function() { 
    $("#item").show(); 
});