vue-draggable插件列表无法自动滚动

使用vue-draggable的过程中,在拖动item排序时,滚动到当前的首尾两端,列表无法自动滚动,只能排列当前的可视区域内的item。然后看到这个插件有option可以设置(按理来说scroll默认就是true):

clipboard.png

设置之后也没有效果

clipboard.png

备注:父级sort_list固定高度,设置了overflow:scroll;list_wrapper是实际列表高度

要怎么样才能做到列表智能滚动呢??

阅读 7.8k
1 个回答

https://github.com/SortableJS...
根据这篇issue,这样设置就可以了。
核心是:

:scroll-sensitivity="150"
:force-fallback="true"
<draggable
    class="pictureListBox"
    :list="pictureList"
    :scroll-sensitivity="150"
    :force-fallback="true"
    :options="{
        animation: 200,
        ghostClass: 'ghost',
        handle: '.el-icon-rank'
    }"
    @start="drag = true"
    @end="drag = false"
>
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题