zoukankan      html  css  js  c++  java
  • 微信小程序-自制弹出框禁止页面上下滑动

    弹出 fixed 弹窗后,在弹窗上滑动会导致下层的页面一起跟着滚动。

    解决方法:

    在弹出层加上 catchtouchmove 事件

    两种方法:(在电脑上测试是没有用的,这是触摸事件。因此,需要在手机端测试,预览生成一个开发版,用手机微信扫描即可看到效果)

    1.

    wxml:

    <!-- 首页弹窗 -->
    <view class='Popup' hidden='{{bool}}' catchtouchmove="test">
    js:
      test:function(){
    },
    2.catchtouchmove="true"就行了,(个人感觉第二种方法比较简单,好用)
    <!-- 首页弹窗 -->
    <view class='Popup' hidden='{{bool}}' catchtouchmove="true">

  • 相关阅读:
    Java 面试 --- 3
    Java 面试-- 1
    面试之痛 -- 二叉树 前序 中序 后序
    java 事务
    深入理解mybatis
    hibernate
    mybatis 原理
    spring 原理
    spring aop
    spring 事务
  • 原文地址:https://www.cnblogs.com/xinheng/p/9598404.html
Copyright © 2011-2022 走看看