Stop chrome back/forward two finger swipe

andrei picture andrei · Apr 5, 2013 · Viewed 15.8k times · Source

I want to disable the two finger swipe that causes Chrome going back or forward. I have a website where the user might lose progress on his work if he doesn't specifically saves.

I have tried using window.onbeforeunload but that doesn't seem to work if I have hashes in the url (back forward would change between www.example.com/work/#step1#unsaved www.example.com/work/#step0) and the event doesn't seem to trigger.

I was about to switch to another solution but today I noticed that in Google Docs it's completely disabled. How did they achieve that?

Answer

Breck picture Breck · May 10, 2019

Disable Chrome two fingers back/forward swipe

This worked for me:

body {
  overscroll-behavior-x: none;
}