Preciso de uma área que ao clicar, impeça o scroll
da tela enquanto o cursor está sobre essa área, porém, funcione normal fora dessa área.
Eu consegui isso com uma função que deixarei a seguir, mas ao clicar no botão fechar, preciso que a função anterior seja cancelada.
$('#el').click(function(){
$(this).on({
'mousewheel': function(e) {
e.preventDefault();
e.stopPropagation();
}
})
});
body {
height: 2700px;
}
#el {
position: relative;
width: 250px;
height: 250px;
background: red;
}
#close {
position:absolute;
color:#fff;
cursor:pointer;
background:rgba(0,0,0,0.3);
right:0;
border:0;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div id='el'>
<button id='close'>x</button>
</div>