JQuery 可滚动排序

Question

使用 jQuery 可排序，我有一个非常长的列表，强制滚动条。只要时间足够长，每次我抓取一个项目时，页面都会自动开始滚动，并且 LI 会远远超出我的光标。每当我使用较短的列表时，它都可以完美地工作。有什么帮助吗？

当前 LI CSS:

min-height: 60px;
margin-top: 12px;
margin-bottom: 10px;
padding: 10px 10px 15px 10px;

background: #FAFAFA;

.roundCorners(3px);
.boxShadow(0,4px,10px,#222);

border: 1px #D4D4D4 solid;

当前 jQuery:

    var makeNotesSortable = function () {
        $("#notes").sortable
        ({
            update: function () {
                console.log($("#notes"));
                updateNoteOrder($("#notes"));
            }
        }).disableSelection();
    }

Answer 1

我找不到此问题的解决方案，但我关闭了滚动并将轴仅设置为“y”。

        $("#notes").sortable
        ({
            scroll: false,
            sort: function (event, ui) {
                ui.helper.css({ 'top': ui.position.top + $(window).scrollTop() + 'px' });
            },
            helper: 'clone',
            axis: 'y',
            update: function () {
                updateNoteOrder($("#notes"));
            }
        }).disableSelection();