title: How does this site hide the iframe scrollbar?
body: <p>I'm trying to reproduce how this <a href="http://mobiletest.me/iphone_5_emulator/#u=http://news.bbc.co.uk" rel="nofollow">mobile emulator site</a> renders a page in an iframe without scrollbars. I've tried copying all the CSS for the iframe and .frame-scroller containers, but no luck. I'm viewing on OSX Chrome.</p>
  
  <p>Can anybody explain how they are doing it, or suggest a CSS-only way to avoid scrollbars while keeping the possibility to scroll?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>body {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.3);
  }
  .mobile-preview-window {
    margin-top: 20px;
    overflow: hidden;
    cursor: pointer;
  }
  .ump-device-container {
    top: 0;
    margin: auto;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .ump-iframe {
    margin: auto;
    display: block;
    overflow: hidden;
  }
  .ump-device-iphone-5 {
    background-image: url('iphone-5.png');
    width: 378px;
    height: 809px;
    overflow: hidden;
    text-align: center;
  }
  .frame-scroller {
    display: inline-block;
    width: 320px;
    height: 568px;
    margin: 20px auto 0;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    outline: 1px solid orangered;
  }
  .ump-device-iphone-5 iframe {
    width: 100%;
    height: 100%;
    overflow-y: hidden;
    background-color: rgb(255, 255, 255);
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="mobile-preview-window"&gt;
    &lt;div class="ump-device-container ump-device-iphone-5"&gt;
      &lt;div class="frame-scroller"&gt;
        &lt;iframe class="ump-iframe" src="http://news.bbc.co.uk"&gt;&lt;/iframe&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>