Mouse Scroll Lock

Question

How to block the scroll Whell mouse in a div using Javascript or jQuery?

Answer 1

You can do it this way with Javascript:

document.getElementById('meuID').onwheel = function(){ return false; }

body {height:1000px;}
#meuID {
    width:150px;
    height:200px;
    border:1px solid #000;
    overflow-y: scroll;
}

<div id="meuID">
    <div style="height:1200px;"></div>
</div>