css隱藏滾動條？

我想在我的頁面上有一個div區域可滾動，並在我的div CSS中設置了可滾動的溢出，但現在我想隱藏所有瀏覽器中的滾動條，因此div可以滾動出滾動條/面板顯示，包括在Firefox中隱藏那個可怕的滾動面板，我知道如何隱藏滾動條在Chrome中，但這不工作在Firefox中，任何人都可以建議任何感謝？css隱藏滾動條？

這裏就是我使用的是什麼隱藏在Chrome和其他WebKit瀏覽器的滾動條：

#element::-webkit-scrollbar { 
    display: none; 
}

來源

2013-04-14 Bear John

-3

#element { 
    overflow: hidden 
}

來源

2013-04-14 19:11:55 monkeyinsight

不是純CSS（因爲你必須添加一個額外的元素），但如何讓你的div稍寬一點，然後用overflow:hidden將它包裹在另一個div中？

內部div仍然會滾動，但滾動條會超出外部div的邊距，所以它們將不可見。

來源

2013-04-14 19:29:22 cockypup

不知道它是在不同的瀏覽器兼容，滾動條可能有不同的寬度，這可能導致內容被裁。據我所知，Android版Chrome根本沒有滾動條。它在拖動過程中顯示進度指示器，但沒有滾動條。也就是說，我認爲這是一個不好的做法。 –

我發現有人給出了答案：

.noscrollbar{ 
    -ms-overflow-style:none; 
    overflow:-moz-scrollbars-none;// but it seems to not work... 
} 
.noscrollbar::-webkit-scrollbar{width:0px}

來源

2015-09-14 09:04:42 chendind

你好，而不是隻發佈它會更好地解釋它做什麼。 – AFract

css隱藏滾動條？

回答

相關問題