title: Disabling event when scroll
body: <p>I need to disable temporaly event <code>mouseup</code> when user scroll the div. I test bind scroll event on div and <code>preventDefault</code> and <code>stopImmadiatePropagation</code> on event but not work.</p>
  
  <p>Prototype of code:</p>
  
  <pre><code>$(document).ready(function() {
    $(document).on("mouseup", "#test", function(e) {
        $("body").append('&lt;b style="color:red"&gt;Mouse up | &lt;/b&gt;');
    });
    $("#test").scroll(function(e) {
        $("body").append('&lt;b style="color:green"&gt;Scroll | &lt;/b&gt;');
        e.preventDefault();
        e.stopImmediatePropagation();
    });
  });
  </code></pre>
  
  <p>I provide this plunker example: <a href="http://plnkr.co/edit/E2fqT9dzZ5lHTiTp7fkS?p=preview" rel="nofollow">plunker</a></p>