JavaScript - Undo the scroll event

Question

I want to disable scrolling on one of my pages. I do not want to write

scroll(0,0) or scrollTo(0,0)

in the scroll event, which will give an "unstable" character. Could I something like

 event.preventDefault() 

to cancel an event?

Answer 1

 document.body.style.overflow = 'hidden'; 

Answer 2

The only acceptable way to prevent scrolling is to put the content inside the window. Anything else and you are pissing users.

You can also use position: fixed CSS - but still, if it is larger than the window, the rest is unsuitable, so you can also follow suggestion number 1.

Answer 3

I wonder if there will be overflow: hidden; work by putting it in an html, body selector in CSS?

Answer 4

Create a div that fills the entire area and sets it to overflow: hidden . This way, you will never get scrollbars, and no scroll events will be generated.

Answer 5

This is what worked for me.

Remember the previous scroll position.

 onScroll(event){ if(blockScrollFlag){ event.target.scrollTop = prevScrollPosition; } }