下面给大家解释一下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中文网站
标签:
免责声明:本文由用户上传,如有侵权请联系删除!