iOS 11 上的 amp-iframe 滚动答案

【问题标题】：amp-iframe scrolling on iOS 11iOS 11 上的 amp-iframe 滚动
【发布时间】：2018-05-15 13:12:58
【问题描述】：

我的 AMP 页面上的 iframe 内容无法在装有 iOS 11 的苹果 iphone 上滚动时遇到问题。是否有任何修复 - 我只找到有关“-webkit-overflow-scrolling”的条目 - 但这已经是包含在当前的 amp-iframe 组件中吗？

感谢任何提示...

【问题讨论】：

当您为问题选择标签时，请阅读标签编辑器下方显示的说明或将鼠标悬停在标签名称上。我很确定您指的是amp-html AMP，而不是amp AMP。如果您没有使用正确的标签，您的问题将不会被可以回答的人看到。
我们也有类似的问题。请注意，在您的示例页面上有两个垂直滚动条。这可能是由 iframe 和您的侧边栏菜单引起的。如果您查看 iframe 目标（html），问题似乎不会发生。

【解决方案1】：

尝试将整个 <amp-iframe> 标记包装在 <div> 标记中，如下所示：

<div class ="scroll-wrapper">
    <amp-iframe> ....</amp-iframe>
</div>

然后在css中：

.scroll-wrapper{
    overflow-y:scroll;
    webkit-overflow-scrolling:touch;
}

并根据 iframe 给出相应的高度和宽度。

【讨论】：