La ventana emergente del subprograma WeChat prohíbe el desplazamiento de página

Inserte la descripción de la imagen aquí

En la ventana emergente del programa pequeño, la página externa 禁止滚动se puede configurar en el contenedor más externo. catchtouchmove
Pero si la ventana emergente también necesita desplazarse hacia adentro, debe usar un scroll-viewpaquete y establecer scroll-y
catchtouchmoveun método para recibir; de lo contrario, estar siempre advertido

<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
  }
})

Supongo que te gusta

Origin blog.csdn.net/AK852369/article/details/111991661
Recomendado
Clasificación