Rumah > hujung hadapan web > html tutorial > HTML如何隐藏滚动条或去除滚动条

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

小云云
Lepaskan: 2018-01-26 11:23:01
asal
10373 orang telah melayarinya

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

1. html 标签加属性

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

2.body中加入以下代码

  1. <style type="text/css">
    html{     
        overflow-x: hidden;     
        overflow-y: hidden;     
    }     
    </style>
    Salin selepas log masuk

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

这样 就没有滚动条了

相关推荐:

关于HTML操作滚动条的方法

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

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

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

Label berkaitan:
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