欢迎来到懒人模板!我们专注移动互联网,所有模板永久免费下载!
  • 首 页
  • 当前位置:主页 > 小程序教程 >

    解决小程序开发自定义弹窗出现后,蒙层下的页面仍可以滚动的方法

    2018-05-02 11:46 来源/作者:懒人模板 分类:小程序教程  « »
      第一步:先点击出现蒙层时,灵活设置,蒙层出现时height:100vh;,反之height: ;
      
      微信小程序中的vw和vh单位
      
      100vh 微信小程序的屏幕高度;
      
      100vw微信小程序的屏幕宽度
      
      第二步:在蒙层的最外层view中加入catchtouchmove=”preventTouchMove”
      
      
    <view class="Montmorillonitelayer" catchtouchmove="preventTouchMove" style="{{show?'':'display:none'}}">
      
      </view>
      
      <view class="Montmorillonitelayer-content" style="{{show?'':'display:none'}}">
      
      <form bindsubmit="formSubmit">
      
      <view style="text-align:center;padding:5% 0;border-bottom:1px solid #eee;font-size:15px;">添加评论</view>
      
      <input name="pinglun" placeholder='请输入您的评论'></input>
      
      <button formType="submit">提交</button>
      
      </form>
      
      </view>
      
      第三步:在js文件 中写一个空白函数
      
      
    preventTouchMove:function(e) {
      
      },
      
      这样子就可以解决不可以滑动问题了。

    点击扫描效果预览免费下载免登陆网盘下载
    标签:
    * 懒人模板承诺:本站所有资源免费下载,无病毒,无弹窗,无干扰链接! 提点建议