title: Displaying a file inside iframe gives problem in iPhone
body: <p>I wrote a code to display the text file inside  tag.
  The display works fine in android devices but in iPhone while I try to scroll down, display moves around sideways too and gets back to the center position as a rubber effect.
  Have been trying all possible solutions from previous similar problems but could not get it done.</p>
  <p>HTML:</p>
  <pre><code>&lt;div id=&quot;dialog2&quot;&gt;
  &lt;iframe src=&quot;documents/agreement.txt&quot; id=&quot;dialogframe&quot;&gt;&lt;/iframe&gt;
  &lt;/div&gt;
  </code></pre>
  <p>CSS:</p>
  <pre><code>div#dialog2
  {
      position : relative;
      top : 0px;
      width : 100vw;
      max-width : 100%;
      height : 100%;
      background-color: white;
      overflow : auto;
      white-space : nowrap;
      -webkit-overflow-scrolling: touch;
  }
  iframe#dialogframe
  {
      top : 0px;
      width : 1px;
      min-width : 100%;
      height : 100%;
      border : none;
      left : 0px;
      display : block;
  }
  </code></pre>