css怎么禁止滚动条-木庄网络博客

2022-04-08 21:01:37 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者藏色散人，侵删。

css禁止滚动条的方法：1、在里加入“scroll="no"”实现隐藏滚动条；2、通过设置“”实现在不需要时隐藏滚动条；3、通过overflow属性隐藏滚动条。

本文操作环境：Windows7系统、HTML5&&CSS3版，DELL G3电脑

CSS 禁止滚动条

CSS 禁止滚动条，有4种方法，具体如下：

1、完全隐藏

在<boby>里加入scroll="no"，可隐藏滚动条；

1	`<boby scroll="no">`

2、在不需要时隐藏

指当浏览器窗口宽度或高度大于页面的宽或高时，不显示滚动条；

反之，则显示；

1	`<boby scroll="auto">`

3、样式表方法（这个比较好用）

在<boby>里加入style="overflow-x:hidden"，可隐藏水平滚动条；

加入style="overflow-y:hidden"，可隐藏垂直滚动条。

相关阅读 >>

更多相关阅读请进入《css》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者