Обнаружение прокрутки внутри не прокручиваемого div

ProgramBox

#javascript #jquery #scroll

#javascript #jquery #прокрутка

Как я могу обнаружить прокрутку внутри div с фиксированной высотой и без прокрутки? Следующее не будет работать:

HTML:

 <div class="wrapper">

</div>

CSS:

 .wrapper { height: 600px; }

JS:

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

Вы можете использовать onwheel событие:

 $('.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>