javascript - 带有自动溢出功能的 jQuery 可排序容器滚动 div

标签 javascript jquery jquery-ui jquery-ui-sortable

我一直在竭尽全力使这项工作成功。

我有两个连接的 sortables,定义如下:

var sortlists = $("#List1, #List2").sortable(
{
    appendTo: 'body',
    tolerance: 'pointer',
    connectWith: '#List1, #List2',
    revert: 'invalid',
    forceHelperSize: true,
    helper: 'clone',
    scroll: true
});

这是一个指向 example of jsfiddle 的链接

由于页面设置,两个可排序项都包含在带有溢出的 div 中:自动它们也包含在父容器中,溢出设置为隐藏。为了争论起见,可以说没有办法解决这个问题。

当助手被定位到容器的下边缘或上边缘时,是否有办法使容器元素滚动?

如有任何帮助,我们将不胜感激!

最佳答案

通过 helper:'original',我得到了您想要的滚动行为(在 Opera 11.61 中)。

forked fiddle

编辑:这是一个version of the fiddle with "ganged-scrolling"

关于javascript - 带有自动溢出功能的 jQuery 可排序容器滚动 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9857065/

相关文章:

javascript - 直接返回被拒绝的 jQuery promise

javascript - 如何在 JSON 中选择此条目title_link/_text

javascript - 为 twitter bootstrap 模式缓存 false

jquery-ui - 使用 jquery-autocomplete 在输入字段中显示值而不是标签值

javascript - 如何从下拉元素中查找并清除所有选定的值

javascript - 如何使用 Jquery 在 ASP.Net 中制作对话框?

javascript - 使用正则表达式查找我选择的前两个相同字符之间的文本

javascript - 如何将工具提示绑定(bind)到此 html 元素

javascript - jQuery.validation add 生日年龄验证时出现方法错误

javascript - 选项追加不添加值以选择下拉列表