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

陶堂
导读 下面给大家解释一下css是如何禁止滚动条的。相信朋友们也应该密切关注这个话题。现在和朋友们说说css是如何禁止滚动条的。边肖还收集了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中文网站

标签:

免责声明:本文由用户上传,如有侵权请联系删除!