title: Scrollable iFrame with position:sticky element in iOS
body: <p>I want to create an scrollable iFrame with a <code>position:sticky</code> element inside, that also works on iOS.</p>
  
  <p>iOS does not respect the iFrames <code>height:340px</code> setting, a <strong>workaround</strong> to still make it scrolling is a container div with <code>overflow-y:auto;-webkit-overflow-scrolling: touch;</code> (see <a href="https://stackoverflow.com/questions/26046373/iframe-scrolling-ios-8">Iframe scrolling iOS 8</a>).</p>
  
  <p>But when only the outside div is scrolling the <code>position:sticky</code> is not working. Is there any other solution to making the iFrame scrollable?</p>
  
  <p>See here on web browser vs. iOS:
  <a href="https://codepen.io/arichter83/project/full/ZWGEaL" rel="nofollow noreferrer">https://codepen.io/arichter83/project/full/ZWGEaL</a></p>