时间戳

首页 > 解决方案 > 当 amp-iframe 在视口中时，如何使 amp-iframe 的高度在 amp 上动态？

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

问题描述

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

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

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

标签： javascriptiframeamp-html

解决方案

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

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

推荐阅读