android技术吧 关注:10,234贴子:42,835
  • 1回复贴,共1

如何禁止手机上父页面的滚动条滚动

只看楼主收藏回复

在父页面点击一个按钮,弹出一个html5子页面,手机上滑动子页面查看下方内容时,发现父页面滚动条也滚动过了。如何在我查看子页面时,父页面的滚动条被禁止呢?关闭子页面再放开父页面的滚动条。试过用:
//$("body").on("touchmmove",function(event){//移动端禁用滚动条
//event.preventDefault();
//},false);
和 // $(".bodyptb2").off("touchmove");//解除禁用滚动条
可是都不顶用。有哪位大神可以帮忙解答一下。谢谢!


1楼2017-02-28 11:14回复
    楼主已经尝试了 :
    1. 使用overflow-y:hidden 来禁用滚动条 (在PC端有效. 但在不伦是手机浏览器还是webview都不生效.)
    2. 通过设置webview来禁用滚动. 但是鉴于html和安卓交互困难. 这样做不怎么方便.
    3. 直接禁用了touchmove事件. (可能是写的不对... 禁用都没生效.) ,即使这样成功了也怕会涉及多次的touchmove禁用和启用. 会不会需要多次绑定事件等等问题.
    希望有HTML5或者懂IOS和Android技术的大大, 指点一下. 要如何比较优化的实现点击查看大图功能.
    如果能直接想办法禁用掉滚动 使用原本的代码就更好了.
    不胜感谢


    2楼2017-02-28 11:38
    回复