微信小程序 movable-area 重叠,无法滑动问题

时间:2024-03-05 13:36:57

在使用微信小程序的滑块时遇到一个问题,当滑块区域太近时,会互相影响导致,可滑动区域无法滑动。如下:

 

 图中,手的位置有一条线,紧接着是可移动块儿区域。由于挨得太近(此时已经重叠),导致线的滑块无法滑动。

此时,只需添加两个样式即可:

1 movable-view {
2    pointer-events: auto;
3 }
4 movable-area {
5   pointer-events: none;
6 }

添加样式后就不会相互影响了。