ドラッグ アンド スクロール効果を作成したい:
-> mouse down
-> drag and mouse move
-> the window will scroll according to the amount of mouse move
-> mouse up
-> scroll stops
今、私が抱えている問題は、ドラッグして移動すると、ウィンドウの DOM 要素が揺れることです。
オフセット チェックを追加しました。揺れの問題は軽減されますが、解決されません。
誰でも私を助けることができますか？
以下はメインのコードで、完全に機能する jsFiddle はhttp://jsfiddle.net/mifeng/sGvA4/1/にあります。
container.mousedown(function(e) {
mouseX = e.pageX;
mouseY = e.pageY;
console.log("CON: " + conX + "," + conY);
console.log("DOWN: " + mouseX + "," + mouseY);
container.mousemove(function(e) {
//console.log("INNER-DOWN: " + mouseX + "," + mouseY);
offsetX = e.pageX - mouseX;
offsetY = e.pageY - mouseY;
// offset check
if (offsetX > 10 || offsetX < -10 || offsetY > 10 || offsetY < -10) {
conX -= offsetX;
conY -= offsetY;
window.scrollTo(conX, conY); // scrollTo
mouseX = e.pageX;
mouseY = e.pageY;
}
});
});