Skip to main content

movable-area遮挡住页面元素，导致无法触发点击事件

· One min read

需求场景​

最近在开发小程序时，遇到如下需求：之前固定在右侧的展开折叠按钮会挡住计数器，所以希望可以手动调整按钮的位置，使其可以上下拖动。看了下官方文档，movable-area，movable-view 是最快的解决方式。可当开发完成时，发现 movable-area 的区域实际也是覆盖在计数器上面的，导致计数器无法点击。

解决方案​

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