检测不可滚动div内的滚动

Question

如何在高度固定且没有滚动的div中检测滚动？以下内容无效：

HTML：

<div class="wrapper">

</div>

CSS：

.wrapper { height: 600px; }

JS：

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

Answer 1

您可以使用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>