2022年02月16日整理发布：css怎么禁止滚动条

下面给大家解释一下css是如何禁止滚动条的。相信朋友们也应该密切关注这个话题。现在和朋友们说说css是如何禁止滚动条的。边肖还收集了css如何禁止滚动条的相关信息。我希望你看到后会喜欢。

禁止滚动条的Css方法：1。通过向页面添加“scroll='no '”来隐藏滚动条；2.通过设置“”隐藏不需要的滚动条；3.通过溢出属性隐藏滚动条。

本文的运行环境：Windows7系统，HTML5CSS3版本3，DELL G3电脑

CSS禁止滚动条

CSS禁止滚动条。有以下四种方式：

1、完全隐藏

将scroll='no '添加到boby以隐藏滚动条；

By scroll=' no' 2。不需要的时候藏起来。

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

否则，显示它；

按scroll=' auto' 3。样式表方法(这更容易使用)

向boby添加style='overflow-x:hidden '以隐藏水平滚动条。

添加style='overflow-y:hidden '以隐藏垂直滚动条。

被添加到包含的页面

风格

html { overflow-x : hidden；}

/style4，另一种方法

样式类型='text/css '

正文{

溢出-x :隐藏；

溢出-y :隐藏；

}

/style

样式类型='text/css '

html {

溢出-x :隐藏；

溢出-y :隐藏；

}

/style推荐学习：《css视频教程》以上是css如何禁止滚动条的细节。请多关注php中文网站的其他相关文章！

来源：php中文网站

　　免责声明：本文由用户上传，与本网站立场无关。财经信息仅供读者参考，并不构成投资建议。投资者据此操作，风险自担。 如有侵权请联系删除！