css - 在 Div 上禁用水平滚动

Question

存在跨浏览器的困境，尤其是现在 Safari 使用 float 在顶部的内部滚动机制。

当一个具有固定高度的内容的 div 最终变得比我们需要一个滚动条的 div 大时，但是滚动条占用了一些宽度，因此添加了一个水平条。即使内容太宽，我们如何防止水平滚动我不希望用户能够水平滚动。

CSS3 属性 overflow-x:hidden，仍然允许用户使用触控板左右滚动。我希望它完全禁用，或者解决方案可以消除垂直滚动条占用 div 宽度的问题。

有什么想法吗？

很棒

Answer 1

一个解决方案是让垂直滚动条始终显示:

overflow-y: scroll

但是滚动条的宽度在浏览器中仍然不一样。

或者您可以使用 div/CSS/JavaScript 替换自定义滚动条。这是一个看起来很有前途的 jQuery 插件:

http://jscrollpane.kelvinluck.com/