3

問題は、リストがオーバーフロー: スクロールであり、多くの div があり、一番下までスクロールして 1 つを移動しようとすると、少しグリッチとジャンプが発生することです。位置のあるもの：絶対？おもう？

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で同じことが起こっていることに気付きました 。ウィンドウを小さくすると、下にスクロールするとバグに気付くでしょう。

ありがとう。

4

1 に答える 1

0

これらの 2 行のコードでこの不具合を防ぐことができました。

var sortHeight = $("#sortable").innerHeight();
$("#sortable").css({"min-height" : sortHeight});
于 2014-07-07T09:23:38.097 に答える