title: Firefox iframe custom scroll bug
body: <p>This is a weird bug but all custom scroll plugins like <a href="http://nicescroll.areaaperta.com/" rel="nofollow">nicescroll</a> , <a href="https://github.com/noraesae/perfect-scrollbar" rel="nofollow">perfectscrollbar</a> , or even <a href="http://jscrollpane.kelvinluck.com/" rel="nofollow">jScrollPane</a> have the same issue , whenever an iframe is embedded with the container to be scrolled , the iframe never listens to mouse wheel event neither touch swipe events ( to scroll on mobile devices ) , searched everywhere to find a solution seems that people have submitted issues on plugins pages , but no one realised that it is a universal bug not a bug from the plugin itself.</p>
  
  <p>Here is the <a href="http://codepen.io/prollygeek/pen/RNpbJG" rel="nofollow"><strong>bug</strong></a> reporduced , should run this on firefox.</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div id="demo"&gt;    
      &lt;iframe width="100%" height="390" src="//www.youtube.com/embed/SyoA4LXQco4" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;
      &lt;div style="height:800px;"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code>#demo
  {
      height:200px;
      background-color:red;
      overflow:hidden;
  }
  </code></pre>
  
  <p><strong>JS:</strong></p>
  
  <pre><code>$(window).load(function(e) {
  $("#demo").niceScroll({
              cursorborder: "0px solid #000",
              horizrailenabled:"false"
  
                  })
  
  alert("run this page on firefox , then try to scroll page ")
  
  })
  </code></pre>