Web Development

/ 0评 / 5/ 最后更新:2021-12-06
movable-area遮挡住页面元素,导致无法触发点击事件

需求场景

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

解决方案

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

Leave a Reply

Your email address will not be published. Required fields are marked *