问

javascript - 移动页面滚动穿透如何解决

mobiledu2502882543 发布于 2022-11-21 22:39

在安卓系统的webview下写的页面，各种版本包括4.4，当弹出一个半透明全屏的弹框后，这时在PC上滚动条应该是不可用的，但是在webview下，在弹框上用手指滑动，弹框下面的页面是会跟着动的。不知道有没有人能解决，去谷歌也不知道用什么关键词，百度真是坑爹 = =！求大神指点

13 个回答

我解决的方法就是在弹层出现后，将它下面可能出现的元素的设置:
```
    dom.style.overflowY = 'hidden';
```
关闭弹层后再恢复这个特性
2022-11-21 22:46 回答

张力宏智荣琬郁_271
当弹出弹框的时候，给body设置overflow: hidden;
```
$('body').css('overflow','hidden');
```
弹框消失的时候，overflow: initial;
```
$('body').css('overflow','initial');
```
2022-11-21 22:46 回答

唐珀虎1979
```
document.body.style.overflow = 'hidden';
```
http://stackoverflow.com/questions/2469529/how-to-disable-scrolling-th...
2022-11-21 22:46 回答

死神邀请我
300ms事件响应时间问题，给上层方法事件传递延时300+，之前项目中遇到过，其中有这样一个解决方案，可以试试

2022-11-21 22:46 回答

xts2011188_706_120_582
Fastclick?

2022-11-21 22:46 回答

锋哥很好
wap下我是这样处理的，还没嵌入到webview验证。

点击弹框的时候，给html,body加上一个class，控制样式为：
```
  overflow-y: hidden;
```
2022-11-21 22:46 回答

手机用户2502918445
我咋没觉得这是个问题呢，我觉得挺好的，不就应该这样吗

2022-11-21 22:46 回答

花生vs布丁丁7_835
300毫秒带来的问题

2022-11-21 22:46 回答

KX林
禁止事件冒泡

2022-11-21 22:46 回答

速度向前迈进
同样遇到了这个问题

2022-11-21 22:46 回答

u44093631

禁用弹框下页面滚动

.alpha {
    height: 100%;
    overflow: hidden;
    position: relative;
}

.alpha body {
    height: 100%;
    overflow: hidden;
}

当你遮盖弹出的时候或者隐藏的时候让 html 切换 class alpha

$('html').toggleClass('alpha');

2022-11-21 22:46 回答

主宰魔尊_164

撰写答案

今天，你开发时遇到什么问题呢？

热门标签