隱藏滾動條如果不滾動

我想隱藏滾動條，如果用戶不滾動，這意味着如果用戶滾動，滾動條應該出現（只有滾動條不滾動軌道），而如果用戶不滾動它應該消失。我曾經有過這樣的設置很長一段時間，但是我對頁面做了一些改變，現在頁面總是顯示滾動條（如果有更多的內容不止一頁可以覆蓋）。不幸的是，我不知道我做了什麼來使這個功能消失？我在CSS中使用了溢出，但溢出：隱藏只是刪除所有滾動的可能性。這裏是一個小提琴，顯示我的當前設置隱藏滾動條如果不滾動

https://jsfiddle.net/jsmnsLm7/（請在窗口大，所以你可以看到我所有的導航欄設置的功能）

，你可以看到我用

overflow: hidden

在體內和

overflow: scroll

在主

。感謝您的幫助 carl

來源

2015-07-19 carl

使用溢出：汽車？ – mguijarr

hi mguijarr ...溢出：自動;只是刪除滾動條，如果不需要滾動條，並且它顯示滾動條，如果需要的話......那不是我想要的。 – carl

像這樣的東西可能是矯枉過正，但http://areaaperta.com/nicescroll/ – grdaneault

就我所知，在腳本語言之外沒有辦法做到這一點，但您使用的JavaScript非常簡單。

與CSS樣式開始關閉：

#ID { 
overflow: hidden 
}

然後在HTML的DIV使用此命令

<div id="ID" onmouseover="this.style.overflow='scroll'" 
onmouseout="this.style.overflow='hidden'"

這將使您的滾動按鈕，當用戶將鼠標懸停在出現div，但當用戶離開div時再次消失。

來源

2015-07-20 03:34:34 Chris

這會做你要找什麼

或者你可以只顯示滾動條時，你只使用CSS懸停在該區域; 這對我有效;

<style> 
#ID { 
    overflow-y: hidden; 
} 
</style> 
#ID:hover, #ID:active, #ID:focus { 
    overflow-y: auto; 
} 
</style> 

<div class="ID"></div>

來源

2016-11-29 04:12:01

試試下面的CSS：

overflow:auto;

它爲我:)

來源

2017-07-03 05:43:45

隱藏滾動條如果不滾動

回答

相關問題