首页  >  文章  >  web前端  >  HTML如何隐藏滚动条或去除滚动条

HTML如何隐藏滚动条或去除滚动条

小云云
小云云原创
2018-01-26 11:23:0110331浏览

滚动条可以存在也可以不存在,本文主要介绍了HTML 隐藏滚动条和去除滚动条的方法的相关资料,大家一起来学习一下HTML隐藏滚动条或去除滚动条的方法吧。

1. html 标签加属性

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

  1. d50022629c825009f84ef9d81b6d52c9

2.body中加入以下代码

  1. 46d5fe1c7617e3914f214aaf043f4ccf
    html{     
        overflow-x: hidden;     
        overflow-y: hidden;     
    }     
    531ac245ce3e4fe3d50054a55f265927

html页面去除滚动条的方法

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

直接在html中写一个css

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

这样 就没有滚动条了

相关推荐:

关于HTML操作滚动条的方法

判断滚动条滑到底部触发事件实例分享

jQuery响应滚动条事件功能示例

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

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn