首页 > 文章 > web前端 > HTML 隐藏滚动条和去除滚动条的方法

HTML 隐藏滚动条和去除滚动条的方法

这篇文章主要介绍了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>

这样就没有滚动条了

相关文章