title: Always show iframe vertical scrollbar
body: <p>The scrollbar on my iframe will not stay visible. It appears when the iframe first loads, then fades away. </p>
  
  <p>I have tried: </p>
  
  <ul>
  <li>putting scrolling="yes" in iframe tag</li>
  <li>adding overflow: -moz-scrollbars-vertical in css</li>
  <li>adding overflow-y:scroll in css</li>
  </ul>
  
  <p>None of these work. </p>
  
  <pre><code> #iframe {
          overflow: -moz-scrollbars-vertical !important;
          overflow-y:scroll;
      }
  
  &lt;iframe class="iframeclass" id="frame" src="" width="650" height="350" frameBorder="0" scrolling="yes"&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>I think this is a Mac issue, since many Mac users disable the vertical scroll bar since they just use their trackpad. I tried the following (from this <a href="https://stackoverflow.com/questions/7855590/how-can-i-prevent-scroll-bars-from-being-hidden-for-os-x-trackpad-users-in-webki">answer</a>): </p>
  
  <pre><code>.iframeclass::-webkit-scrollbar {
          -webkit-appearance: none;
      }
  
      .iframeclass::-webkit-scrollbar:vertical {
          width: 11px;
      }
  
      .iframeclass::-webkit-scrollbar:horizontal {
          height: 11px;
      }
  
      .iframeclass::-webkit-scrollbar-thumb {
          border-radius: 8px;
          border: 2px solid white; /* should match background, can't be transparent */
          background-color: rgba(0, 0, 0, .5);
      }
  
      .iframeclass::-webkit-scrollbar-track {
          background-color: #fff; 
          border-radius: 8px; 
      }
  </code></pre>
  
  <p>But still does not work. </p>