首页 > web前端 > html教程 > HTML 隐藏滚动条和去除滚动条的方法

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

不言
发布: 2018-06-05 13:53:47
原创
3755 人浏览过

这篇文章主要介绍了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表格单元格内容超出时显示省略号效果

以上是HTML 隐藏滚动条和去除滚动条的方法的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板