仅在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; 
    } 

}