Небольшой пример.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
</head>
<body>
<style>
div{
height : 2000px;
border : 1px solid black;
}
</style>
<script>
$(function () {
$('.nav-icon').click(function () {
$('body').toggleClass('nav-active');
});
$('body').on({
'mousewheel': function (e) {
if ($('body').hasClass('nav-active')){
e.preventDefault();
e.stopPropagation();
}
}
})
})
</script>
<div class="nav-icon"><span><span class="invisible">Меню</span></span></div>
</body>
</html>