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

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

不言
不言asal
2018-06-05 13:53:473730semak imbas

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

Atas ialah kandungan terperinci HTML 隐藏滚动条和去除滚动条的方法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
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