僅在Firefox中顯示滾動條

Question

我希望在div底部有一個滾動條，但此CSS只能在Firefox中運行，而不能在Safari或Chrome等Webkit瀏覽器中運行。

div.hoge { 
    width: 500px; 
    overflow: auto; 
} 

我用Google搜索，發現了一些網頁提的，你應該使用overflow-x或-webkit-overflow-scrolling，但他們也不能工作。需要使用一些JS？任何猜測？

Answer 1

你試過overflow-x:scroll;？

還要確保div.hoge具有足夠的高度來顯示底部的滾動條。

Answer 2

overflow：auto;不滾動DIV，使用overflow：scroll; 如果你想在任何特定的軸上，然後使用overflow-x：scroll;或溢出-y：滾動;

Answer 3

這是一個在x上滾動的div的example fiddle。如果您不包含white-space: nowrap，那麼文本只是在div內換行，而只有垂直（y方向）滾動條實際上​​會滾動。

小提琴顯示兩個div元素;一個與nowrap和一個沒有。此外，我在div上添加了邊框以便更容易看到。

Answer 4

• 如果你需要一個滾動條出現總是那麼，你可以使用overflow: scroll
• 如果需要垂直滾動，然後，overflow-y: scroll
• 如果您只需要那麼水平滾動條，overflow-x: scroll

根據問題標題：你可以寫這樣的mozilla特定樣式

@-moz-document url-prefix() { 

    div.hoge { 
     width: 500px; 
     overflow: auto; 
    } 

}