如何隱藏使用CSS的滾動條？

我有一個div有很多的內容，因此滾動..如何隱藏滾動條，使其不可見。編輯：我想滾動工作！所以..沒有滾動條滾動？如何隱藏使用CSS的滾動條？

如

.scrolling_div { 

    overflow:auto; 
    /*something else to hide the scrollbar?*/ 

}

2012-05-01 jay

這聽起來像你希望它可以滾動沒有滾動條？這就是它對我來說...... – animuson

是的！我將編輯 – jay

@jay [檢查我的帖子]（http://stackoverflow.com/a/10405266/297641）和[DEMO]（http://jsfiddle.net/y9kDN/2/）。讓我知道事情的後續。 –

使用覆蓋你想成爲滾動元素不使用滾動條的包裝，讓包裝成爲窄於元素滾動，在橫向基礎上。這就是我的意思：http://jsfiddle.net/FlagelloDiDio/EdgTt/

2012-05-01 22:49:18

好吧，我花了一段時間來寫最少的代碼。

檢查DEMO。將鼠標移到div上並滾動以查看滾動條。

注意表示這個使用外部插件來聽mousewheel event。

overflow:hidden應隱藏滾動條。

.scrolling_div { 
    overflow: hidden; 
}

溢出可以採取下面的值中的任何一個，

可見默認值。內容不剪裁，可能會在內容框外渲染。

隱藏內容被剪輯並且沒有提供滾動條。

滾動剪輯的內容和桌面瀏覽器使用滾動條，無論是否剪輯任何內容。這可以避免滾動條在動態環境中出現和消失的任何問題。打印機可能會打印溢出的內容。

auto 如果內容溢出，請提供滾動條。

2012-05-01 22:27:55

overflow: auto;的意思是「如果有必要顯示滾動條」。將其更改爲overflow: hidden;以禁用滾動。

編輯：好的，你想製作一個自定義滾動條。然後請參閱this sample jsFiddle瞭解如何開始 - 它包括鼠標滾輪和拖動滾動條。

2012-05-01 22:28:04 Ryan

但我想滾動..只是不想要一個滾動條.. – jay

@jay：這有點困難，你不覺得嗎？用戶如何在沒有滾動條的情況下滾動？ – Ryan

我知道這似乎違反直覺..你會滾動鼠標，因此啓用，或我設計的自定義滾動條。這是非常看起來的事情.. – jay

這真的取決於你要做什麼。 see here

overflow:hidden;可能是你想要的。

如果您想進入css3，您可以使用overflow-x和overflow-y來獲得更多選擇。

2012-05-01 22:28:39

隱藏滾動條的唯一方法是使內容不可滾動，如果超過高度（overflow: hidden）剛剛切斷。老實說，你爲什麼要有一個可滾動的頁面沒有滾動條？這會混淆任何訪問者。你無法用CSS做這件事。

只要定製滾動條，那裏有JavaScripts那樣做。但請確保如果用戶禁用了它，它們仍然可以在沒有它的情況下正確地滾動頁面。

2012-05-01 22:33:11 animuson

你可以試試這個：

html { 
     overflow: hidden; 
    }

它會從所有的窗口中刪除滾動條。

否則，如果你需要它只是在一個特定的div：

.scrolling_div { 

    overflow: hidden; 

}

2012-05-01 22:33:42

回答