在Div上禁用水平滚动

时间:2011-09-09 13:27:31

标签: css scroll overflow

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

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

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

有什么想法吗?

非凡

2 个答案:

答案 0 :(得分:2)

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

overflow-y: scroll

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

或者您可以使用div / CSS / JavaScript替换自定义滚动条。这是一个看似有希望的jQuery插件:

http://jscrollpane.kelvinluck.com/

答案 1 :(得分:0)

将图片设置为背景以解决问题