title: How to listen to scroll event on a Bootstrap modal?
body: <p>I have a really long bootstrap modal like the last example <a href="http://jschr.github.io/bootstrap-modal/" rel="noreferrer">here</a>. I want to detect if user scrolls when the modal is open.</p>
  
  <p>I tried </p>
  
  <pre><code>document.addEventListener('scroll', function(event) {
          console.log("Scrolling");
  });
  </code></pre>
  
  <p>also tried</p>
  
  <pre><code>$(document).on("scroll","#myModalID",function() {
       // I tried targeting .modal-body and .modal-content too
       console.log("Scrolling");
  });
  </code></pre>
  
  <p>and</p>
  
  <pre><code>$(window).on("scroll",function() {
       console.log("Scrolling");
  });
  </code></pre>
  
  <p>All these are working until I open the modal. But when the modal is open none of the above code works. Works again when I close the modal and scroll.</p>