Question

问题是当列表溢出时：滚动并且你有很多div，当你滚动到底部并尝试移动一个时，有一点毛刺和跳跃。有位置的东西：abolute？我认为？

在O / MS / FF上运行正常，但不适用于Chrome

JSFiddle：http://jsfiddle.net/CezarisLT/Y7uV5/9/

<ul id="sortable">
    <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 1</li>
    <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 2</li>
    .....
</ul>

$( "#sortable" ).sortable({
    forceHelperSize: true,
    forcePlaceholderSize: true,
    revert: true,
    revert: 150,
    placeholder: "ui-state-highlight",
    axis: "y",
    tolerance: "intersect"
});

$( "#sortable" ).disableSelection();

修改：我刚刚注意到官方jquery-ui演示页面上发生同样的事情 http://jqueryui.com/resources/demos/sortable/default.html 使窗口变小，一旦向下滚动，您就会注意到该错误。

感谢。

Answer 1

我设法用这两行代码防止这个故障：

var sortHeight = $("#sortable").innerHeight();
$("#sortable").css({"min-height" : sortHeight});

JQuery可排序（故障/跳转）与溢出容器

1 个答案: