title: Hide iframe vertical scrollbar and show the whole content
body: <p>I have an iframe and the contents of it go beyond the height of the iframe. I have set the CSS on the iframe to have a height of 100vh, however it crops the content off. I would like to show the <strong>whole content</strong> and <strong>not</strong> show any scrollbar in that iframe. </p>
  
  <p>What is the best way to achieve this?</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code> &lt;iframe id="testIframe" width="100%" scrolling="no" style="display:block;"&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>iframe {
      height: 100vh;
  }
  </code></pre>
  
  <p><strong>Update:</strong>
  I don't want to adjust the scrollbar, I would like to remove them by showing all the content. Imagine it this way, I have an iframe window(non-scrollable) on a page (scrollable).</p>