How to fix the movable-area problem

Note: Add pointer- Events to movable-area CSS: None, and pointer- Events to movable-view CSS: Auto test works!!

  <! -- Shopping cart button -->
  <movable-area class="shopp_box" >
    <movable-view direction="all" x="{{width}}" y="{{height}}" animation="{{falseggggvvv}}" class="shopp_btn" bindtap="go_card">
      <image class="shopp"
      src="https://whiteclouds.oss-cn-shanghai.aliyuncs.com/%E5%8C%BB%E8%81%94%E4%BD%93%20%E5%95%86%E5%9F%8E%E9%A6%96%E9%A1%B5/Ico n-43.svg">
    </image>
    </movable-view>
  </movable-area>
</view>
Copy the code

.shopp_box{
  position: fixed;
  top:100rpx;
  left: 0;
  width:100vw;
  height: calc(100vh - 100rpx);
  pointer-events: none;
}
.shopp_btn{
  width: 100rpx;
  height: 100rpx;
  pointer-events: auto
}
Copy the code

Reprinted from: developers.weixin.qq.com/community/d… Thank you bosses