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

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

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

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

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

 

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

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

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

 

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

 

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

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值