首页 > 产品运营 > 教程经验

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>

image.png

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>


免责申明:

黔优汇途网以上展示内容来源于用户自主上传、合作媒体、企业机构或网络收集整理,版权争议与本站无关,文章涉及见解与观点不代表黔优汇途网官方立场,请读者仅做参考。本文标题:html去除页面的滑动条(底部滚动条和侧边滚动条),本文链接:https://www.htuwang.com/help/104819.html;若您认为本文侵犯了您的版权信息,或您发现该内容有任何违法信息,请联系我们修改或者删除处理,联系邮件(邮箱号:kefu@qianu.com)。

精选推荐

热门阅读