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


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

css3 HTML css html5 JavaScript

xxxLoki 10 years ago

禁用弹框下页面滚动


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

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

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


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

黑旋风忍者 answered 10 years ago


 javascript


 window.ontouchstart = function(e) { e.preventDefault(); };

ccjiong answered 10 years ago

禁止事件冒泡

乱入菌可好? answered 10 years ago

同样遇到了这个问题

westl answered 10 years ago

Your Answer