首页 文章

在Div上禁用水平滚动

提问于
浏览
7

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

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

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

有任何想法吗?

奇妙

2 回答

  • 2

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

    overflow-y: scroll
    

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

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

    http://jscrollpane.kelvinluck.com/

  • 0

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

相关问题