Question

使用溢出时是否可以只允许水平滚动条：自动（或滚动）？

Answer 1

这两个CSS属性可用于隐藏滚动条：

overflow-y: hidden; // hide vertical
overflow-x: hidden; // hide horizontal

Answer 2

您应该只使用

overflow-y:hidden; - 用于隐藏垂直滚动

overflow-x:auto; - 使用此选项可显示水平滚动

卢克已经提到两者都隐藏了。所以我已经单独给出了这个。

Answer 3

溢出：自动;
overflow-y：hidden;

对于IE8： -ms-overflow-y：hidden;

或者其他：

隐藏X ：

<div style="height:150x; width:450px; overflow-x:hidden; overflow-y: scroll; padding-bottom:10px;"></div>

隐藏Y ：

<div style="height:150px; width:450px; overflow-x:scroll ; overflow-y: hidden; padding-bottom:10px;"></div>

Answer 4

如果你想同时在Gecko（NS6 +，Mozilla等）和IE4 +中完成同样的工作，我相信这应该可以解决问题：V

body {
overflow: -moz-scrollbars-vertical;
overflow-x: hidden;
overflow-y: auto;
}

这将应用于整个正文标记，请将其更新为相关的CSS并应用此属性。

Answer 5

添加以下内容：

body{
overflow-y:hidden;
}

Answer 6

速记符号怎么样？

{overflow: auto hidden;}

Answer 7

此规则与所有浏览器兼容：

body {overflow: hidden; }
body::-webkit-scrollbar { width: 0 !important; }
body { overflow: -moz-scrollbars-none; }
body { -ms-overflow-style: none; }

Answer 8

如果您想禁用滚动条，但仍然能够滚动内部DIV的内容，在CSS中使用以下代码，

.divHideScroll::-webkit-scrollbar {
    width: 0 !important
}
.divHideScroll {
    overflow: -moz-scrollbars-none;
}
.divHideScroll {
    -ms-overflow-style: none;
}

divHideScroll是目标div的类名称。

它将在所有主流浏览器（Chrome，Safari，Mozilla，Opera和IE）中运行

Answer 9

我用过这个代码

html, body
    {
      -ms-content-zooming:none;  
      touch-action: none;
      content-zooming: none;
      overflow-y: hidden; // hide vertical
    overflow-x: hidden; 
    overflow-y: none; // hide vertical
    overflow-x: none; 
    }

在div overflow：auto上禁用垂直滚动条

9 个答案: