在Div上禁用水平滚动

Rob*_*ght 7 css scroll overflow

特别是现在有一个跨浏览器的困境,safari使用一个漂浮在顶部的内部滚动机制.

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

CSS3属性overflow-x:hidden,仍允许用户使用触控板向左和向右滚动.我希望它完全禁用,或者解决方案,以消除垂直滚动条从div获取宽度的问题.

有任何想法吗?

奇妙

qin*_*gbo 2

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

overflow-y: scroll
Run Code Online (Sandbox Code Playgroud)

但滚动条的宽度在不同浏览器中仍然不保持相同。

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

http://jscrollpane.kelvinluck.com/