特别是现在有一个跨浏览器的困境,safari使用一个漂浮在顶部的内部滚动机制 .
当具有固定高度内容的div最终变得大于div时,我们需要一个滚动条,但滚动条取出一些宽度,因此添加了一个水平条 . 即使内容是宽的,我们如何防止水平滚动?我不希望用户能够水平滚动 .
CSS3属性overflow-x:hidden,仍允许用户使用触控板向左和向右滚动 . 我希望它完全禁用,或者解决方案,以消除垂直滚动条从div获取宽度的问题 .
有任何想法吗?
奇妙
一种解决方案是您始终显示垂直滚动条:
overflow-y: scroll
但是滚动条的宽度在浏览器中仍然保持不变 .
或者您可以使用div / CSS / JavaScript替换自定义滚动条 . 这是一个看似有希望的jQuery插件:
http://jscrollpane.kelvinluck.com/
将图像设置为背景应该可以解决您的问题
2 回答
一种解决方案是您始终显示垂直滚动条:
但是滚动条的宽度在浏览器中仍然保持不变 .
或者您可以使用div / CSS / JavaScript替换自定义滚动条 . 这是一个看似有希望的jQuery插件:
http://jscrollpane.kelvinluck.com/
将图像设置为背景应该可以解决您的问题