讓垂直滾動條總是呈現css

我有一個無限滾動的網頁。我總是希望有垂直滾動條存在，因此我已經添加了以下樣式：讓垂直滾動條總是呈現css

html { 
    overflow-y: scroll; 
}

這工作，因爲它顯示的滾動條，但它只是顯示一個空的滾動條，即不存在光標允許用戶向上或向下滾動。

是否有可能不僅顯示滾動條，而且還顯示光標？

2012-07-03 dagda1

如果內容不滾動，則滾動條將爲空。：P – Trevor

「無限滾動」是什麼意思？你有永不止息的內容？一般情況下，只要某些內容溢出指定軸上的元素，光標（我假定您的意思是指示您當前位於元素內的位置的滑塊元素）就會出現。 – AmericanUmlaut

製作的HTML有點更高，滾動就會顯示

html { 
    overflow-y: scroll; 
    height: 101% 
}

2012-07-03 13:51:46

這是一個有點難以根據您提供的信息有限地說。你用什麼javascript /插件來實現無限滾動？

我的直覺是無限滾動可能發生在頂層html元素下面的元素中。也許可以嘗試使用瀏覽器的開發人員的工具來確定哪些元素實際上正在滾動，並應用「overflow-y：scroll」。對此。

被警告，您可能會發現他們隱藏垂直滾動條的原因是您使用的插件使其無意義。如果系統從頁面頂部刪除舊元素以防內存不足，則滾動到滾動條頂部可能不會將您帶到頁面的頂部。

2012-07-03 13:57:42 Li1t

這是我自己的JavaScript，而不是插件。該代碼允許用戶滾動過去或現在的日期。問題是，在某些情況下，當用戶第一次加載頁面時，沒有太多數據，因此滾動條是空的，不能及時向前或向後滾動。 – dagda1

我明白了，Zoltan Toth的解決方案是否在上面工作？如果是這樣，請使用它。否則，我建議在頁面加載時檢查是否有足夠的數據，如果沒有，則自動加載下一組數據，直到您有足夠的數據填充頁面。 – Li1t

Zoltan的解決方案就是答案。 – dagda1

回答