如何在AMPhtml中动态打开amp-iframe?

时间:2019-01-09 05:20:07

标签: amp-html

我在网站上成功使用了一两个amp-iframe以及一些动态的amp-list组件。

我有一组相对复杂的HTML,我希望将其制作成amp-iframe,而不是成为主页的一部分,因为它在计算上难以计算。一个amp-iframe对此非常理想:但是我不希望它随页面加载自动加载。

相反,我希望一旦有人按下按钮即可加载amp-iframe。然后,“显示更多信息”将打开一个amp-iframe并加载困难的物品。

我不确定这样做的方式。

  • 我一直在使用带有setState的隐藏DIV来更改可见的细节。我可以将amp-iframe设置为不可见,并且仅当它变为可见时才加载吗?

  • 我可以简单地使用setState更改amp-iframe的SRC吗?

  • 如果该amp-iframe位于页面底部(始终位于视口下方),则无论如何它只会在它进入视口时才被加载(即,实际上已经达到了我想要的仅被加载的目的)如果用户希望看到它?)

0 个答案:

没有答案