javascript移动端手机事件,禁止页面滑动

本文介绍了一种简单的解决方法,当使用JS在移动端创建弹窗时,如何阻止遮罩层下的页面滚动。通过调整HTML和Body的样式属性,可以有效地禁用页面滚动,提升用户体验。

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

今天用JS原生写了一个移动端手机页面js弹窗,

一切顺顺利利的写完之后,突然发现,点出弹窗之后,遮罩层下面的页面还是能上下滑动,那个头痛啊!

网上看了好多方法,因为说的不是很清楚,所以  也没起什么作用

最后,终于用如下的方法解决了:

 

1、把html、body的height都设置为100%,

2、把html、body的overflow都设置为hidden,

3、关掉弹窗,再还原一下html、body的属性即可

 

ok!解决了,当然,处理这个问题的方法有N+1种,但是上述方法还是很适合JS初学者的!

 

当然了也希望大家多支持我正在做的  上海时尚网   吐舌头  加油哦!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值