2013-01-06 19 views
3

问题是当列表溢出时:滚动并且您有多个div,当您滚动到底部并尝试移动它时,会出现一个小故障并跳转。有位置的东西:绝对?我认为?带溢出容器的JQuery可排序(glich/jump)

在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 使窗口变小,你会发现bug一次向下滚动。

谢谢。

回答

0

我已经成功地防止这种故障与两行代码:

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