Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/firebase/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 当amp iframe位于视口中时,如何使amp iframe的高度在amp上动态?_Javascript_Iframe_Amp Html - Fatal编程技术网

Javascript 当amp iframe位于视口中时,如何使amp iframe的高度在amp上动态?

Javascript 当amp iframe位于视口中时,如何使amp iframe的高度在amp上动态?,javascript,iframe,amp-html,Javascript,Iframe,Amp Html,amp iframe中的内容将延迟。一旦内容在iframe中可见,则需要更改iframe的大小。为此,我使用以下代码: window.parent.postMessage({ sentinel: 'amp', type: 'embed-size', height: document.body.scrollHeight }, '*'); .上述代码正在加载工作。但一旦iframe进入视口,然后我们刷新页面,iframe的高度就不会改变。这是一种缩进行为,以避免内容跳转。iframe大

amp iframe中的内容将延迟。一旦内容在iframe中可见,则需要更改iframe的大小。为此,我使用以下代码:

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

.上述代码正在加载工作。但一旦iframe进入视口,然后我们刷新页面,iframe的高度就不会改变。

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

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