Prevent mouse wheel scrolling, but not scrollbar event. JavaScript

Question

I need to make a webpage scrollable only by scrolling bar. I have tried to find how to catch scroll bar event, but as i see it is impossible. Currently i use this functions:

function preventDefault(e) {
    e = e || window.event;
    if (e.preventDefault) {
        e.preventDefault();
    } else {
        e.returnValue = false;
    }
}
function wheel(e) {
    preventDefault(e);
}
function disable_scroll() {
    if (window.addEventListener) {
        window.addEventListener('DOMMouseScroll', wheel, false);
    }
    window.onmousewheel = document.onmousewheel = wheel;
}

But they are not very useful in my situation, because they block all scroll events. Do you have any ideas? I am thinking about it 3 days already and i didn't find any answer (and questions also). Thanks!

Answer 1

To prevent window scrolling with mouse wheel.

// Old Method
window.onwheel = function(){ return false; }

EDIT (Jan 2020): As informed by @MatthewMorrone above code to bind wheel event on window, window.document & window.document.body (marked as 'Old Method') is no longer working. For more details please check: https://www.chromestatus.com/features/6662647093133312

As document level Wheel/Mousewheel event listeners are treated as Passive, we need to mark this event listener to be treated as Active. Please check below code for the solution. More about: https://developers.google.com/web/updates/2019/02/scrolling-intervention

// New Working Method
window.addEventListener("wheel", e => e.preventDefault(), { passive:false })

If a content of <div> or other element is scrollable, you can prevent it like this:

document.getElementById('{element-id}').onwheel = function(){ return false; }

Cheers...