在div溢出时禁用垂直滚动条：自动

113

使用overflow：auto（或滚动）时，是否可能仅允许水平滚动条？

— 乔德堡
source

请注意，margin-bottom以负值将乱用overflow-y: hidden等

— 安德鲁

232

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

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

— 路加
source

@Coulton Safari和Chrome怎么样？

— QMaster 2014年

根据这个工作在Safari和我知道它在Chrome中。

— 路加福音

3

值得一提的是，你可以在div使用仍然滚动tab，只要是在隐藏溢出链接或输入元件

— 威廉Brochmann

40

您只能使用

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

overflow-x:auto; -用它来显示水平滚动

卢克提到这两者都是隐藏的。所以我分开给了

— 西瓦·查兰（Siva Charan）
source

21

溢出：自动；
溢出y：隐藏；

对于IE8：-ms-overflow-y：隐藏；

要不然：

隐藏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>

— 随便的家伙
source

8

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

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

这将应用于整个身体标签，请更新到您的相关CSS并应用此属性。

— 尼拉夫·梅塔（Nirav Mehta）
source

2

添加以下内容：

body{
overflow-y:hidden;
}

— Zeinab
source

1

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

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

— ue
source

1

速记符号呢？

{overflow: auto hidden;}

— 崇立彭
source

0

如果您想禁用滚动条，但仍然能够滚动内部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）中运行

— 塔希尔·阿尔维（Tahir Alvi）
source