Rumah > hujung hadapan web > html tutorial > HTML 隐藏滚动条和去除滚动条的方法

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

高洛峰
Lepaskan: 2017-02-18 15:21:42
asal
3539 orang telah melayarinya

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>
Salin selepas log masuk


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>
Salin selepas log masuk

 

这样 就没有滚动条了

以上所述是小编给大家介绍的html 隐藏滚动条和去除滚动条的代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!


更多HTML 隐藏滚动条和去除滚动条的方法相关文章请关注PHP中文网!


sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan