午夜91福利视频,午夜成人在线观看,午夜在线视频免费观看,午夜福利短视频,精品午夜成人免费视频APP

小程序模板網

微信小程序滾動穿透問題

發(fa)布(bu)時間:2018-01-24 11:05 所屬欄目:小程序開發文檔

做小程序項(xiang)目遇到一(yi)個項(xiang)目,就是點一(yi)個按鈕出(chu)現一(yi)個蒙層,然而下面的頁面還是可(ke)以滾動(dong),解決如(ru)下: view bindtap="hideCoupon" class='coupon_receive_wrapper {{showCouponFlag==true?"active":""}}' catchtouchmov ...

 
 
 
 做小程序項目遇到一個項目,就是點一個按鈕出現一個蒙層,然而下面的頁面還是可以滾動,解決如下:
<view bindtap="hideCoupon" class='coupon_receive_wrapper {{showCouponFlag==true?"active":""}}' catchtouchmove="preventD">

 

樣(yang)式如(ru)下 :

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

給蒙(meng)層那(nei)個元(yuan)素加個touchmove事(shi)件(jian),這個事(shi)件(jian)用來阻止事(shi)件(jian)冒(mao)泡,preventD中的代碼(ma)如下:preventD(){}問(wen)題(ti)就解決了。



易(yi)優小(xiao)程(cheng)序(企業版(ban))+靈活api+前后代碼開源 碼云倉庫:
本文地址://www.jinyoudianli.com/wxmini/doc/develop/19628.html 復制鏈接 如需定制請(qing)聯系易優客服咨詢:

工作日 8:30-12:00 14:30-18:00
周六及部分節假日提供值班服務

易小優
轉人工 ×