title: Backbone View is not detecting the Scroll event
body: <p>I have added the scroll event into the View and made the div tag scrollable still backbone is not detecting the scroll event. I have tried by window method also but did not get any success: Can any body help me for the this</p>
  
  <p><strong>I have following View</strong></p>
  
  <pre><code>define([
      'jquery', 'underscore', 'backbone', 'text!templates/products.html'
  ], function(
      $, _, Backbone, tmpl
  ) {
      return Backbone.View.extend({
          events: {
              "scroll": "scroll1",
          },
  
          scroll1: function() {
              console.log("Inside scroll function");
          }
      })
  });
  </code></pre>
  
  <p><strong>Following is the HTML Code</strong></p>
  
  <pre><code>&lt;div style="overflow: scroll;"&gt;
      &lt;ul&gt;
          &lt;li class="list-item"&gt;1&lt;/li&gt;
          &lt;li class="list-item"&gt;2&lt;/li&gt;
          &lt;li class="list-item"&gt;3&lt;/li&gt;
          &lt;li class="list-item"&gt;4&lt;/li&gt;
          &lt;li class="list-item"&gt;5&lt;/li&gt;
          &lt;li class="list-item"&gt;6&lt;/li&gt;
          &lt;li class="list-item"&gt;7&lt;/li&gt;
          &lt;li class="list-item"&gt;8&lt;/li&gt;
          &lt;li class="list-item"&gt;9&lt;/li&gt;
          &lt;li class="list-item"&gt;10&lt;/li&gt;
          &lt;li class="list-item"&gt;11&lt;/li&gt;
          &lt;li class="list-item"&gt;12&lt;/li&gt;
          &lt;li class="list-item"&gt;13&lt;/li&gt;
          &lt;li class="list-item"&gt;14&lt;/li&gt;
          &lt;li class="list-item"&gt;15&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>