javascript - 水平スクロール時にブラウザが履歴を前後に移動しないようにするにはどうすればよいですか?

Question

水平スクロール時に前後に移動するためにJQueryまたはネイティブJSを使用して最新のブラウザのデフォルト機能を無効にするにはどうすればよいですか?

これは通常、トラックパッドを使用しているとき、およびスクロール可能な div の最後または最初にスクロールしたときに発生します。

Answer 1

history.pushState(null, null, location.href);
window.onpopstate = function(event) {
    history.go(1);
};

デモ: http://jsfiddle.net/DerekL/RgDBQ/show/

戻るボタンをスパムするか、戻るボタンを押したまま前のエントリを選択しない限り、前の Web ページに戻ることはできません。

_{注: onpopstate(または event onbeforeunload) は iOS では動作しないようです。}

Answer 2

だから私はWebアプリを作成したので、保存されていない変更をユーザーが失ったり、ブラウザの履歴の前または次のページに行き着いたりするのを遅らせるために、保存されていない変更をユーザーに促してみませんか.

私が行ったように、他の誰かがこの問題に遭遇した場合の解決策は次のとおりです。

window.onbeforeunload = function(e) {
    return 'Ask user a page leaving question here';
}; 

Answer 3

Mac を使用している場合、これはトラック パッド ジェスチャが原因です。

System Preferences -> Trackpad -> More Gestures. 

探している JS ソリューションではありませんが、自分で防止したい場合は、機能をオフにすることができます。