mouse wheel sample

HTML

<script src="https://rawgithub.com/brandonaaron/jquery-mousewheel/master/jquery.mousewheel.js"></script>
<div class="cnt">
<div class="outer">
    <div class="inner">
        aaa
    </div>
</div>
</div>
<div class="console">
</div>

CSS

.outer {
    height: 400px;
    border: 1px solid red;
    padding: 10px;
    overflow: auto;
}
.cnt {
    height: 200px;
    border: 1px solid blue;
    overflow: auto;
    padding: 10px;
}
.inner{
    height: 200px;
    border: 1px solid green;
}
}

CoffeeScript

$ ->
  $(".outer").on "mousewheel", (e)->
    e.preventDefault()
  
  $(".console").append("<p>wheel</p>")
  
  $(".cnt").on "mousewheel", ->
    $(".console").append(e.wheelDelta)