禁用 Div 上的水平滚动答案

【问题标题】：Disable Horizontal Scroll on Div禁用 Div 上的水平滚动
【发布时间】：2011-11-13 19:25:42
【问题描述】：

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

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

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

有什么想法吗？

太棒了

【问题讨论】：

你能给我们提供一个例子（在 jsfiddle 或其他任何地方），在哪里可以在 safari 中滚动带有overflow-x:hidden 的 div？无法为自己复制。
Safari 不会复制它，但 Firefox 会复制它，因为它的滚动条从宽度上截断了

【解决方案1】：

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

overflow-y: scroll

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

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

【讨论】：

【解决方案2】：

将图像设置为背景应该可以解决您的问题

【讨论】：