html去除页面的滑动条（底部滚动条和侧边滚动条）
来源：黔途网 时间：2024-06-17 17:44:16 浏览量：
CSS 禁止滚动条，比如是页面底部滚动条和页面侧边滚动条，我看了大概有4种方法，具体如下：1、完全隐藏在<body>里直接加入，可隐藏滚动条；<
CSS 禁止滚动条，比如是页面底部滚动条和页面侧边滚动条，我看了大概有4种方法，具体如下：
1、完全隐藏
在<body>里直接加入，可隐藏滚动条；
<code class="language-plaintext hljs">例如：
<body scroll="no">，隐藏滚动条；
<body scroll="auto">宽度或高度大于页面的宽或高时，不显示滚动条，反之，则显示；
<body style="overflow-x:hidden"> 可隐藏水平滚动条；
<body style="overflow-y:hidden"> 可隐藏垂直滚动条。</code>
2、另一种方法，写在<style type="text/css">中
<code class="language-plaintext hljs"><style type="text/css">
body {
scroll="no"
scroll="auto"
overflow-x:hidden;
overflow-y:hidden;
}
</style>
还有一种是：
<style type="text/css">
html {
scroll="no"
scroll="auto"
overflow-x:hidden;
overflow-y:hidden;
}
</style>
</code>
