title: Animating scroll not working inside iframe
body: <p>I have a parent page (default.aspx) that includes an iframe page (iframe.aspx)… jQuery animated scroll is working perfectly in iframe.aspx and not working in the parent page (default.aspx).</p>
  
  <p>iframe.aspx page:</p>
  
  <pre><code> &lt;input type="button" onclick="scollWin();" value="Scroll up" /&gt;
  
   &lt;div id="scrollToHere"&gt;
    Scroll to here
    &lt;/div&gt;
  
    &lt;script type="javascript"&gt;
       function scrollWin(){
       $('html,body').animate({
       scrollTop: $("#scrollToHere").offset().top
       }, 2000);
   }
   &lt;/script&gt;
  </code></pre>
  
  <p>Working: when I click on the button, scrolling window smoothly working and it goes to the <code>div</code>.</p>
  
  <p>Parent page (default.aspx):</p>
  
  <pre><code>&lt;iframe id="iframebody" runat="server" src="iframe.aspx" style="width:900px;height:600px"&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>When I run the default.aspx page and click on the button, the scroll is not working.</p>
  
  <p>Can you tell me how to access the parent scroll window?</p>