jQuery滾動只在頁面和底部的頂部檢測滾動？

我正在嘗試改變div的顏色，當滾動是在一定的垂直值。雖然目前我的卷軸似乎沒有檢測到頁面頂部或底部之間的任何內容。因此，當我觸及頁面底部時，我會看到0,1,2,3,4,5等，當我點擊頂部時，它會出現0，-1，-2，-3等。似乎在頁面的頂部和底部之間沒有頁面，因爲滾動不是在頁面的頂部或底部以外的任何地方觸發的。jQuery滾動只在頁面和底部的頂部檢測滾動？

HTML結構：

<body> 
    <div id="container"> 
     <div id="post-view"> 
      <div id="cover-image"> 
       <header> 
        <div class="title"> 
        </div> 
        <div class="sub-title"> 
        </div> 
       </header>     
      </div> 
     </div> 
     <div class="suggested"> 
      content in here 
     </div> 
    </div> 
</body>

的jQuery：

$(document).scroll(function() { 
    var y = $(this).scrollTop(); 
    console.log(y); 
});

CSS：

html, body{ 
height:100%; 
width:100%; 
background: #ffffff !important; 
overflow-x: hidden; 
margin:0; 
} 

header{ 
width:100%; 
border-bottom: 1px solid #cccccc; 
background: #333333; 
overflow:hidden; 
padding:10px 0 0 0 ; 
} 

#container{ 
width:100%; 
}

任何幫助是極大的讚賞，如果你需要任何更多的信息只是發表評論。謝謝！

來源

2014-01-30 learn

它正在爲我工作http://jsfiddle.net/daguru/wbMdZ/ – Merlin

這真的很奇怪，因爲它不會爲我發生，無論我嘗試什麼。 – learn

@Lorenzo我加了一些CSS樣式，我有什麼，有什麼可以看到哪些可能觸發這個問題？ – learn

正如你可以在上面看到我在我的CSS html, body { height:100% }這是罪魁禍首。真奇怪。現在就開始工作了。謝謝你的時間。

來源

2014-01-30 18:47:50 learn

同樣的問題在這裏，可以確認這個絕對修復它對我來說，這個確切的問題，很奇怪！ –

@ToniLeigh好東西 - 很高興它有幫助。 – learn

做了一個元素2k像素高知道它會滾動。 h2告訴你它滾動的距離。作品？

http://cdpn.io/oHACi

來源

2014-01-30 17:15:42

它根本不起作用，這段代碼給了我相同的輸出。它可能是我的id和類的影響什麼正在滾動的佈局？ – learn

我添加了一些CSS樣式，有什麼可以看到哪些可能引發此問題？ – learn

也許你的內容不比你的窗口更高？我更新了codepen http://codepen.io/erikpantzar/pen/oHACi –

jQuery滾動只在頁面和底部的頂部檢測滾動？

回答

相關問題