如何拖曳到屏幕边缘来进行切换窗口？

Question

环境APICloud + Vue,使用vuedraggable和hammer框架

<draggable v-model="operatingList" :options="{animation: 100, chosenClass:'roomListActive', ghostClass:'none', handle:'.icon-tuodong', group:{ name:'operating'}}">
    <div v-for="(val, index) in operatingList" :key="val.name" >
      <span>{{val.name}}</span>
      <i class="iconfont icon-tuodong"></i>
    </div>
</draggable>

目前拖曳icon-tuodong这个手柄来使list中的元素上下移动，但是左右移动会触发轮播图的左右滑动。
各位大神有没有思路解决啊？
目的是拖曳到边缘，切换到下一窗口。

Answer 1

没试过这样操作 但我的思路是在draggable回调里面看看能不能拿到定位 然后计算轮播图的定位 如果相近js控制切换