javascript - タッチパンチでドラッグ可能なjQuery - ちらつきの問題

Question

ドラッグ可能な div はタッチ デバイスでドラッグ可能になりますが、移動を開始すると奇妙な位置に「ちらつき」ます。デスクトップ デバイスでは魅力的に機能しますが、iPad や Android では機能しません。

解決策の提案はありますか?

前もって感謝します！

Answer 1

残念ながら、コードは製品に組み込まれるため共有できません。また、jsfiddle などで問題を再現することもできません。

しかし、タッチ デバイスでのドラッグ可能なちらつきを修正しました。他の誰かが問題に遭遇した場合は、ここで共有します。

---

var prevPos = null, diffX, diffY, maxDiff;

$( '#draggable' ).draggable( {
    ...,
    ...,
    drag: function ( event, ui ) {

        if ( prevPos ) {
            diffX = Math.abs( prevPos.left - ui.position.left );
            diffY = Math.abs( prevPos.top - ui.position.top );
            maxDiff = Math.max( diffX, diffY );
            if ( maxDiff > 60 ) {
                ui.position = prevPos;
            }
        }

        prevPos = ui.position;
    },
    stop: function ( event, ui ) {
        prevPos = null;
    } 
} );