JQuery 可排序和自动滚动

标签 jquery jquery-ui jquery-ui-sortable

我正在尝试让 JQuery Sortable 工作,但遇到了一个轻微的可用性问题。

我尝试排序的列表非常大(大约 200 项)。如果用户尝试将顶部项目向右拖动到底部,则一旦该项目到达屏幕可见部分的底部,页面就会滚动一小部分,然后停止。要触发更多向下滚动,您必须以圆周运动移动鼠标,直到项目到达底部。

是否有任何方法可以在拖动项目时跟踪鼠标的位置并自动向下滚动屏幕?

最佳答案

我会看一下 scroll, scrollSensativity, and scrollSpeed options .

你可以这样做:

$("#sort").sortable({ scroll: true, scrollSensitivity: 100 });

$("#sort").sortable({ scroll: true, scrollSpeed: 100 });

甚至

$("#sort").sortable({ scroll: true, scrollSensitivity: 100, scrollSpeed: 100 });

关于JQuery 可排序和自动滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3739419/

相关文章:

jquery - 如何在输入元素上使用 Bootstrap 工具提示?

Jquery datepicker 无法显示该值......?

javascript - 在可排序网格上使用 connectWith 时,JQuery 可排序中断

javascript - 获取 javascript 对象中 key=option 的元素计数

javascript - 尝试在第一次单击后保留的表格内创建下拉菜单

javascript - jquery droppable 在放置后添加 css

jquery - 可排序在 ajax 选项卡中不起作用

javascript - jquery sortable ui 在拖动到特定 div 时删除项目

jquery - Ruby On Rails - 样式无法正确呈现

javascript - JQuery Datepicker 不会更改输入值