jQuery-UIのsortableを使用していて、overflow: scroll/autoなコンテナ内の要素を並び替える場合に、コンテナ内をスクロールしてから要素をドラッグしてスクロールさせようとすると、そのhelper要素の位置がおかしくなってしまう。（jQuery-UI 1.11.4で確認）

この問題に対応するには↓こんな↓感じでヘルパーの位置を強引に戻してあげるとよい。

📄src.js

$(".container").sortable({
    ...
    start: function (event, ui) {
        ui.helper.css('top', ui.originalPosition.top);
    },
    ...
});

いつもsortableとかdraggableってハマるんだよな・・・。

追記（2017/5/9）

上記方法では上手くいかないケースがあった。事象としてはドラッグする要素〜コンテナ要素の中にposition: relative;のものがあると上手くいかない。結局次のようなコードで回避できた。

📄code

var $container = $(コンテナのセレクタ);

$('.container').sortable({
  sort: function(event, ui) {
    var offset = ui.helper.offset();
    ui.helper.offset({ top: offset.top + $container.scrollTop() });
  },
});

sortでやるのがミソ。

あいかわらずsortableはよくハマる・・・

関連する記事

• 要素が表示されたら関数を実行する jquery.showuptrigger
• 画面一杯の高さでヘッダー・フッター固定のテーブルを作る【CSS Grid】
• How to keep scroll position after refreshing in AngularJS
• ウィンドウリサイズに応じて要素をサイズ調整させるjQueryプラグイン
• rails_sortableでマスタをラクラク並び替え