This jQuery plugin can prevent the scrolling of parent elements, or stop the propagation with the mousewheel event listener.
Compatibilities: Microsoft Internet Explorer, Google Chrome, Mozilla Firefox, Apple Safari...
<script src="http://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="mousewheelStopPropagation.js"></script>
<script>
$(function(){
$('#my-element-with-overflow-auto').mousewheelStopPropagation();
});
</script>| Name | Description | Type | Default |
|---|---|---|---|
wheelstop |
The scroll was stopped. | Function | null |
emulateNaturalScrolling |
Emulate natural scrolling for IE | Boolean | true |