小程序map上movable-view滑动穿透问题

919 阅读1分钟

1 问题现象

map铺满整个小程序,movable-area对应着底部可滑动的区域(只能上下滑动)。公司项目就暂时不放图了。 对map上的movable-view进行上下滑动正常,但左右滑动会引起下面map的滑动。

 <map center="{{center}}" scale="{{scale}}"pickup="{{pickup}}"/>
 <movable-area class="operate-container" style="height:{{operateContainerHeight}}rpx">
  <movable-view class="operate-area" direction="vertical">
  </movable-view>
 </movable-area>

2 解决办法

经过长时间的尝试,终于找到了解决办法,把movable-view上的direction属性设置为all即可。

  <movable-view class="operate-area" direction="all">