小程序項目中有個需求，右下角按鈕可以在頁面中隨意拖動，此時查看文檔找到了一個自帶的標簽可以實現此功能，代碼如下

<movable-area>
      <movable-view x="{{x}}" y="{{y}}" direction="all">text</movable-view>
</movable-area>

但是使用之後有個問題，

movable-area充滿整個頁面，置於所有元素頂層導致下方的所有元素無法操作，查詢資料得知可以給這兩個標簽增加兩個樣式即可

movable-view {
   pointer-events
 
: auto;
}
movable-area {
  pointer-events: none;
}

pointer-events: none;表示鼠標事件“穿透”該元素並且指定該元素“下面”的任何東西

pointer-events:auto;鼠標不會穿透當前層

小程序movable-area置於頂層遮蓋下方元素無法操作的解決方案