title: Page auto scroll into bottom
body: <p>I created a HTML page with several text paragraphs in it. I wanted it to <strong>automatically</strong> scroll bottom after opening the page. So I used following Javascript and it working fine. let say it is <code>page.html</code></p>
  
  <p>But then I needed it to display inside an iframe. Let say main page as <code>index.html</code>, <code>index.html</code> has iframe tag: <code>&lt;iframe src="./page.html"&gt;&lt;/iframe&gt;</code></p>
  
  <p>It also worked while loading inside the iframe within major browsers (chrome, firefox, IE, Opera) <b>but not in Apple's Safari mobile browser.</b></p>
  
  <p>I tested direct HTML page <code>page.html</code> with Safari mobile browser and it worked!</p>
  
  <p>But after loaded same page inside an iframe in <code>index.html</code> it didn't work.</p>
  
  <p>This is the Javascript I have used in <code>page.html</code></p>
  
  <pre><code>&lt;script language="javascript"&gt;
  function autoScrolling() { window.scrollTo(0,document.body.scrollHeight); }
  setInterval(autoScrolling, 1000); 
  &lt;/script&gt;
  </code></pre>
  
  <p>Please suggest me a code fix for Apple's Safari mobile browser</p>