Прокручиваемый iFrame с позицией: липкий элемент в iOS

Question

Я хочу создать прокручиваемый iFrame с элементом position:sticky, который также работает на iOS.

iOS не поддерживает настройку iFrames height:340px, обходной путь длявсе же сделайте так, чтобы прокрутка была контейнером div с overflow-y:auto;-webkit-overflow-scrolling: touch; (см. Прокрутка Iframe iOS 8 ).

Но когда прокручивается только внешний div, position:sticky не работает.Есть ли другое решение для создания прокрутки в iFrame?

См. Здесь в веб-браузере по сравнению с iOS: https://codepen.io/arichter83/project/full/ZWGEaL

Answer 1

Хорошо, я нашел решение - упаковка всего содержимого iFrame делает контейнер div устаревшим:

#wrap {
    position: fixed;
    top: 0;
    right:0;
    bottom:0;
    left: 0;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

https://github.com/PierBover/ios-iframe-fix