touchmove イベントをオーバーライドすることで、Web ページのスクロール オーバーショット効果 (「ラバー バンド」?) を無効にすることができました。これは、モバイルサファリでうまく機能しています。
しかし、iPad のホーム画面に自分のページへのショートカットを追加すると、その効果が再びアクティブになります。
そこでも無効にするにはどうすればよいですか?
touchmove イベントをオーバーライドすることで、Web ページのスクロール オーバーショット効果 (「ラバー バンド」?) を無効にすることができました。これは、モバイルサファリでうまく機能しています。
しかし、iPad のホーム画面に自分のページへのショートカットを追加すると、その効果が再びアクティブになります。
そこでも無効にするにはどうすればよいですか?
ラバーバンディング効果を停止するために使用した方法は次のとおりだと思います。
JQuery
$(document).bind(
'touchmove',
function(e) {
e.preventDefault();
}
);
また
Javascript
document.addEventListener(
'touchmove',
function(e) {
e.preventDefault();
},
false
);
どちらでもない場合は、まずそれを試してください。
ただし、それでも弾力性に問題がある場合は、次のようなものを使用してみてください。
Javascript
function BlockMove(event) {
event.preventDefault();
}
HTML
<body ontouchmove="BlockMove(event);">
</body>