如何去除页面的滚动条并且还可以用滚轮滚动页面?

本文介绍了解决网页中隐藏滚动条但保持滚轮滚动功能的方法,提供了两种实现方式,一种仅适用于Chorm浏览器,另一种则适用于IE、FireFox和Chorm等主流浏览器。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

最近在开发网页的时候遇到了这么一个尴尬的事情,当我把滚动条去掉之后,页面无法滚动了,使用滚轮也不行。那么怎么才能既隐藏滚动条,又可以用滚轮滚动页面呢?

下面提供两种解决方案。第一种是只在Chorm浏览器上有效的,第二种是在IE、FireFox、Chorm上面都有效的。。(当然还是选择的第二种啦)

第一种代码如下:

<style>
   html {
   -ms-overflow-style:none;
   overflow:-moz-scrollbars-none;
   }
   html::-webkit-scrollbar{width:0px}

</style>


第二种代码如下(将这个代码加入CSS样式文件中,亲测在IE、FireFox、Chorm上面都有效):

#body{}
-webkit-scrollbar{
   width:0px;
   height:0px;
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值