当amp-iframe在视口中时，如何使amp-iframe的高度在amp上动态？

Question

amp-iframe中的内容会有延迟。一旦内容在iframe中可见，iframe的大小就需要更改。为了实现这一点，我使用以下代码：

window.parent.postMessage({
  sentinel: 'amp',
  type: 'embed-size',
  height: document.body.scrollHeight
}, '*');

.Above代码正在加载。但是，一旦iframe出现在viewport中，然后我们刷新页面，iframe的高度就不会改变。

Answer 1

这是为了避免内容跳转而缩进的行为。iframe调整大小仅在用户交互或iframe位于当前视口外时有效。

您可以提供一个溢出按钮来处理iframe未调整大小时的情况。