2013-01-06 41 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});