Disable scrolling temporarily

[Ewgenij]

I want to disable scrolling for the time the next page is being loaded. I use the following combination for that

 

01.private readonly preventDefault = function (e) {
02.    e.preventDefault();
03.    e.stopPropagation();
04.  };
05.
06.  private disableScrolling() {
07.    window.addEventListener('wheel', this.preventDefault, {passive: false});
08.    window.addEventListener('mousewheel', this.preventDefault, {passive: false});
09.    window.addEventListener('scroll', this.preventDefault, {passive: false});
10.    console.log('scrolling disabled');
11.  }

 

However, the scrolling is disabled after I stop rotating my mouse wheel only. Then, If I start rotating it again, the scrolling will be prevented. But if I don't stop rotating for the first time, the grid will scroll further regardless of the new attached event listeners. What am I doing wrong and how such behaviour can be explained?