title: position fixed is not working in ios safari which is defined in iframe element
body: <p>when I open my page2 in iPhone safari the fixed div is staying at the top of the page even if I scroll the page. but when I open page1 the fixed div is not staying at the top of the page, if I scroll the page it moves away.</p>
  
  <p>this is my main page - page1</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
      &lt;/head&gt;
      &lt;body&gt;
      &lt;iframe id="f1" src="index99.html"  style="border:0;height:-webkit-fill-available;width:100%;"&gt;&lt;/iframe&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>this is the iframe page - page2</p>
  
  <pre><code>&lt;html&gt;
  &lt;body&gt;
      &lt;div id="hello" style="position=fixed;top:0;background-color:black;"&gt;hello&lt;/div&gt;
      &lt;div&gt;h1&lt;/div&gt;
      &lt;div&gt;h1&lt;/div&gt;
      &lt;div&gt;h1&lt;/div&gt;
      &lt;div&gt;h1&lt;/div&gt;
      &lt;div&gt;h1&lt;/div&gt;
      &lt;div&gt;h1&lt;/div&gt;
      &lt;div&gt;h1&lt;/div&gt;
      &lt;div&gt;h1&lt;/div&gt;
      &lt;div&gt;h1&lt;/div&gt;
      &lt;div&gt;h1&lt;/div&gt;
      &lt;div&gt;h1&lt;/div&gt;
      &lt;div&gt;h1&lt;/div&gt;
      &lt;div&gt;h1&lt;/div&gt;
      &lt;div&gt;h1&lt;/div&gt;
      &lt;div&gt;h1&lt;/div&gt;
      &lt;div&gt;h1&lt;/div&gt;
      &lt;div&gt;h1&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I want the fixed div to stay at the top of the page even if I scroll in page1.</p>