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

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

上一篇 下一篇
  第一步:先点击出现蒙层时,灵活设置,蒙层出现时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) {
  
  },
  
  这样子就可以解决不可以滑动问题了。

模板简介:该模板名称为【解决小程序开发自定义弹窗出现后,蒙层下的页面仍可以滚动的方法】,大小是,文档格式为.,推荐使用打开,作品中的图片,文字等数据均可修改,图片请在作品中选中图片替换即可,文字修改直接点击文字修改即可,您也可以新增或修改作品中的内容,该模板来自用户分享,如有侵权行为请联系网站客服处理。欢迎来懒人模板【小程序教程】栏目查找您需要的精美模板。

相关搜索
  • 下载密码 lanrenmb
  • 下载次数 61,328次
  • 使用软件
  • 文件格式
  • 文件大小
  • 上传时间 05-02
  • 作者 网友投稿
  • 肖像权 人物画像及字体仅供参考
栏目分类 更多 >
热门推荐 更多 >
微信公众平台 单页式简历模板 微信文章 微信素材 微信图片 微信模板 企业网站 html5 响应式 自适应
您可能会喜欢的其他模板