在iPad上没有溢出包装元素的固定高度iFrame

Question

我有一些看起来像这样的代码：

<iframe src="https://adamwilliams.eu/iframe.html" style="height: 100px; width: 300px; border: none;"></iframe>

请注意，iframe在页面底部包含position: fixed元素。非常重要的是，iframe 不会超过100px。

这几乎适用于所有平台，除了移动Safari之外，其中iframe高度被忽略并且溢出到父级。

大多数处理移动版Safari和iFrame的StackOverflow帖子建议将其置于固定高度overflow: auto; -webkit-overflow-scrolling: touch;元素内。正如您从下面的屏幕截图中看到的那样，这不能正常工作，因为固定元素“不再”固定，只有向下滚动到底部才能看到：

我尝试用JS调整iframe的大小无济于事。我还能做些什么才能让它发挥作用吗？