iOS中带有position：sticky元素的可滚动iFrame

Question

我想创建一个带有position:sticky元素的可滚动iFrame，它也可以在iOS上使用。

iOS不尊重iFrames height:340px的设置，替代方法仍使它滚动是带有overflow-y:auto;-webkit-overflow-scrolling: touch;的容器div（请参见Iframe scrolling iOS 8）。 / p>

但是，当仅外部div滚动时，position:sticky不起作用。还有其他解决方案可以使iFrame滚动显示吗？

在Web浏览器和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