这篇文章给大家介绍怎么在CSS中设置禁止滚动条,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。css禁止滚动条的方法:1、在里加入“scroll="no"”实现隐藏滚动条;2、通过设置“”实现在不需要
这篇文章给大家介绍怎么在CSS中设置禁止滚动条,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。
css禁止滚动条的方法:1、在
里加入“scroll="no"”实现隐藏滚动条;2、通过设置“ ”实现在不需要时隐藏滚动条;3、通过overflow属性隐藏滚动条。
CSS 禁止滚动条
CSS 禁止滚动条,有4种方法,具体如下:
完全隐藏
在<boby>里加入scroll="no",可隐藏滚动条;
<boby scroll="no">
在不需要时隐藏
指当浏览器窗口宽度或高度大于页面的宽或高时,不显示滚动条;
反之,则显示;
<boby scroll="auto">
样式表方法(这个比较好用)
在<boby>里加入style="overflow-x:hidden",可隐藏水平滚动条;
加入style="overflow-y:hidden",可隐藏垂直滚动条。
被包含页面里加入
<style>html { overflow-x:hidden; }</style>
另一种方法
<style type="text/css">body {overflow-x:hidden;overflow-y:hidden;}</style><style type="text/css">html {overflow-x:hidden;overflow-y:hidden;}</style>
关于怎么在css中设置禁止滚动条就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。
--结束END--
本文标题: 怎么在css中设置禁止滚动条
本文链接: https://www.lsjlt.com/news/269861.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-05-16
2024-05-16
2024-05-16
2024-05-16
2024-05-16
2024-05-16
2024-05-16
2024-05-16
2024-05-16
2024-05-16
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0