因为我这个页面是需要 scroll-view 和 一个可以拖动的按钮,需要嵌套使用,在实现长按拖拽后,我发现按钮无法触发点击事件,但是如果页面没有 scroll-view ,拖拽后是可以正确触发事件, 代码问题应该是因为 transform: translate(200px, 200px) 导致的, 因为我不使用手势,只是添加如下样式,也无法正确触发事件(在 scroll-view 标签内,非标签内可以正常使用)
<view class="circle" bind:tap="onTapCircle" style="transform: translate(200px, 200px)"> </view>
我不知道这个问题有没有优雅的解决办法, 只有说 在嵌套一个 tap 手势来判断小球是否在区域内来做操作吗?
后面我发现使用 fixed 就解决这个问题。 没必要嵌套多层手势问题,被自己误导了。