CSS中怎么实现隐藏浏览器滚动条，代码是怎样的

发布时间：2023-10-24 09:36:04 所属栏目：语言来源：

导读：这篇文章主要介绍了CSS中怎么实现隐藏浏览器滚动条，代码是什么相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇CSS中怎么实现隐藏浏览器滚动条，代码是什么文章都会有所收获，下面我们

这篇文章主要介绍了CSS中怎么实现隐藏浏览器滚动条，代码是什么相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇CSS中怎么实现隐藏浏览器滚动条，代码是什么文章都会有所收获，下面我们一起来看看吧。
强制显示滚动条:

代码如下
html { overflow: scroll; }

强制隐藏滚动条:

代码如下
html { overflow: hidden; }

隐藏IE的水平滚动条:

代码如下
html { overflow-x: hidden; }

隐藏IE的垂直滚动条:

代码如下
html { overflow-y: hidden; }

强制显示IE的水平滚动条:

代码如下
html { overflow-x: scroll; }

强制显示IE的垂直滚动条:

代码如下
html { overflow-y: scroll; }

强制显示Mozilla的水平滚动条:

代码如下
html { overflow:-moz-scrollbars-horizontal; }

注意: 仅仅强制显示水平滚动条. 也就是说, 即使需要显示垂直滚动条时, 垂直滚动条也不会出现.

强制显示Mozilla的垂直滚动条:

代码如下
html { overflow:-moz-scrollbars-vertical; }

注意: 仅仅强制显示垂直滚动条. 也就是说, 即使需要显示水平滚动条时, 水平滚动条也不会出现.

这么多我们都会有注意到一个html这个，所有的隐藏浏览器滚动的我们都利用了html属于来定义了。

（编辑：汽车网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!