zoukankan      html  css  js  c++  java
  • 微信小程序滚动穿透问题

      做小程序项目遇到一个项目,就是点一个按钮出现一个蒙层,然而下面的页面还是可以滚动,解决如下:

      

    <view bindtap="hideCoupon" class='coupon_receive_wrapper {{showCouponFlag==true?"active":""}}' catchtouchmove="preventD">
    ...
    </view>

      样式如下 :

    .coupon_receive_wrapper{
      display:none;
      position:fixed;
      left:0;
      top:0;
      right:0;
      bottom:0;
      100%;
      height:100%;
      background:rgba(0,0,0,.5);
      z-index:11;
      transition: all 1s ease;
    }
    .coupon_receive_wrapper.active{
      display:block;
    }

      给蒙层那个元素加个touchmove事件,这个事件用来阻止事件冒泡,preventD中的代码如下:

      preventD(){}

      问题就解决了

  • 相关阅读:
    python timeit模块用法
    boto3库限速
    golang-Beego-orm创建的坑
    Java07
    Java06
    Java04
    Java03
    c
    Mac 安装GCC
    命令: go build
  • 原文地址:https://www.cnblogs.com/apgy/p/8144806.html
Copyright © 2011-2022 走看看