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

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

小云云
小云云asal
2018-01-26 11:23:0110331semak imbas

滚动条可以存在也可以不存在,本文主要介绍了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响应滚动条事件功能示例

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