La fenêtre contextuelle de l'applet WeChat interdit le défilement de la page

Insérez la description de l'image ici

Dans la petite fenêtre contextuelle du programme, la page externe 禁止滚动peut être définie dans le conteneur le plus à l'extérieur. catchtouchmove
Mais si la fenêtre contextuelle doit également être défilée à l'intérieur, vous devez utiliser un scroll-viewpackage et définir scroll-y
catchtouchmoveune méthode pour recevoir, sinon il sera soyez toujours averti

<view class="box">占位</view>
<view class="pop" catchtouchmove="touchMove">
  <view class="popbg"></view>
  <view class="popup">
    <scroll-view scroll-y>
      <view class="row" wx:for="{
     
     {10}}" wx:key="index">{
   
   {index}}</view>
    </scroll-view>
  </view>
</view>
.box {
    
    
  height: 120vh;
}

.popbg {
    
    
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}

.popup {
    
    
  position: fixed;
  top: 20%;
  left: 50%;
  transform: translate(-50%, 0);
  width: 70%;
  background: #fff;
  z-index: 1;
}

scroll-view {
    
    
  height: 500rpx;
}

.row {
    
    
  width: 100%;
  height: 200rpx;
}
Page({
    
    
  touchMove() {
    
    
    return
  }
})

Je suppose que tu aimes

Origine blog.csdn.net/AK852369/article/details/111991661
conseillé
Classement