HTML隐藏滚动条和去除滚动条应该这样做

发布时间：2020-05-19 15:11:54 来源：亿速云阅读：1521 作者：栢白栏目：web开发

这篇文章主要介绍了HTML 隐藏滚动条和去除滚动条的方法的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下

1. html 标签加属性

XML/HTML Code复制内容到剪贴板

<html lang="en" class="no-ie" style="overflow:hidden;">

2.body中加入以下代码

XML/HTML Code复制内容到剪贴板

<style type="text/css">
html{     
    overflow-x: hidden;     
    overflow-y: hidden;     
}     
</style>

html页面去除滚动条的方法

为了防止以前的css文件覆盖掉body的的style

直接在html中写一个css

XML/HTML Code复制内容到剪贴板

<span style="font-size:24px;"><style type="text/css">
body{     
    overflow-x: hidden;     
    overflow-y: hidden;     
}     
</style></span>

这样就没有滚动条了

以上就是HTML 隐藏滚动条和去除滚动条的方法的详细内容，更多请关注亿速云其它相关文章！

向AI问一下细节

猜你喜欢