JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://raw.github.com/documentcloud/underscore/ba3e31b53ef5752b40cfb2d71f594536fefbe916/underscore-min.js"></script>
<script src="https://raw.github.com/documentcloud/backbone/master/backbone-min.js"></script>
<div id="wrapper">
  <ul>
    <li>element</li>
    <li>element</li>
    <li>element</li>
    <li>element</li>
    <li>element</li>
    <li>element</li>
    <li>element</li>
    <li>element</li>
    <li>element</li>
    <li>element</li>
    <li>element</li>
    <li>element</li>
    <li>element</li>
    <li>element</li>
    <li>element</li>
    <li>element</li>
    <li>element</li>
    <li>element</li>
    <li>element</li>
    <li>element</li>
    <li>element</li>
    <li>element</li>
    <li>element</li>
    <li>element</li>
    <li>element</li>
    <li>element</li>
    <li>element</li>
    <li>element</li>
    <li>element</li>
    <li>element</li>
    <li>element</li>
    <li>element</li>
    <li>element</li>
    <li>element</li>
  </ul>
</div>

CSS

body { font-family: Arial; }
#wrapper {
    padding: 10px;
    background: #ccc;
    height: 200px;
    overflow: scroll;
}

li {
    font-size: 15px;
}

JavaScript

var View = Backbone.View.extend({
  events: {
    "scroll": "scroll",
  },

  scroll: function(){
    console.log( "scrolling..." );
  }
});

var myView = new View({ el: "#wrapper" });