title: iFrame Scroll Event Detecting
body: <p>I have searched all over the net and tried many different things, but can't figure out how to detect scrolling of an iframe. The iframe source is on the same server is the same directory as the page. Here is the initial code:</p>
  
  <pre><code>$(document).ready(function(){
     var iframe = $('#iframeId');
     iframe.load(function(){
        $(this).scroll(function() {
           alert('scrolling');
        });
     });
     iframe.attr('src','document.html');
  });
  </code></pre>
  
  <p>I have tried changing:</p>
  
  <pre><code>$(this).scroll(function() {
  </code></pre>
  
  <p>To all this options:</p>
  
  <pre><code>$($(this).contents()).scroll(function() {
  $($(this).contents().get(0)).scroll(function() {
  $($(this).contents().find('html')).scroll(function() {
  $($(this).contents().find('body')).scroll(function() {
  $($(this).get(0).contentWindow).scroll(function() {
  </code></pre>
  
  <p>I have also tried to add to the iframe html tag:</p>
  
  <pre><code>onscroll="alert('scrolling')" 
  </code></pre>
  
  <p>Nothing seems to be triggering. Any ideas? Thanks.</p>