How to block the page scrolling without affecting the style?

Tags: , ,

I’d like to block the page scrolling but without change my page style (e.g. using overflow: hidden;).

I tried to use this:

$('body').on('scroll mousewheel touchmove', function(e) {
    return false

but but the scrolling didn’t blocked and I received this console error:

[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See <URL>

Any solutions?


I found out the right way to disable the scrolling:

function preventScroll(e) {

document.addEventListener('wheel', preventScroll, { passive: false })

In order to allow it again:

document.removeEventListener('wheel', preventScroll, { passive: false })

Source: stackoverflow