当amp-iframe在视口中时,如何使amp-iframe的高度在amp上动态化?

时间:2019-09-28 09:42:55

标签: javascript iframe amp-html

amp-iframe中的内容有延迟。内容在iframe中可见后,就需要更改iframe的大小。为此,我正在使用以下代码:

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

。以上代码正在加载。但是一旦iframe进入视口,然后刷新页面,iframe的高度就不会改变。

1 个答案:

答案 0 :(得分:0)

这是缩进行为,以避免内容跳转。调整iframe大小仅适用于用户互动或iframe在当前视口之外。

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