Detect scroll inside a non-scrollable div

Question

How can I detect scroll inside a div with fixed height and no scroll? The following won't work:

HTML:

<div class="wrapper">
</div>

CSS:

.wrapper { height: 600px; }

JS:

$('.wrapper').scroll(function() { //... });

Answer 1

You can use onwheel event:

$('.wrapper').on('wheel', function() {
 console.log("Scrolled!")
})

.wrapper {
 height: 680px;
 width: 150px;
 background: green;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="wrapper">
</div>