javascript - 位置为 :sticky element in iOS 的可滚动 iFrame

Question

我想创建一个可滚动的 iFrame，里面有一个 position:sticky 元素，它也适用于 iOS。

iOS 不遵守 iFrames height:340px 设置，一个解决方法仍然让它滚动是一个容器 div 与 overflow-y:auto;- webkit-overflow-scrolling:触摸；(参见 Iframe scrolling 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