Scrolling in an iframe

Question

I am using an iframe to load an external url. Here the structure is -

<iframe id="iframe-wrapper" src="http://blog.kpmg.ch/" style="width: 100%; height: 100%; overflow-y: scroll"></iframe>

I am trying to do something when I view the contents of an iframe. I tried different ways, nothing worked. Here are some things I've already tried -

1) jQuery iframe scroll event (IE)

    $(window).load(function(){
      $($('#iframe-wrapper').contents()).scroll(function(){
       alert("Scrolling");
      }); 
    });

2) jQuery iframe scroll event (IE)

    $('#iframe-wrapper').load(function(){
      $($(this)[0].contentWindow).scroll(function(){
        alert("Scrolling");
      });
    });

3) How to get IFRAME to listen to scroll events as parent when click event in parent iframe fires

$("#iframe-wrapper").load(function(){
    var iframeContent = getFrameTargetElement( document.getElementById("iframe-wrapper") );
    iframeContent.onscroll = function(e){
        alert("Scrolling");
    };        
});

4) Jquery and event binding to iframe

$("#iframe-wrapper").load(function(){
    $("#iframe-wrapper").contents().find("body").scroll( function(e) {
        alert("Scrolling");
    });
});

Answer 1

. - . iFrame , . :
https://developer.mozilla.org/en-US/docs/Web/Security/Same-origin_policy

, :

, URL ( ) .