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