amp-html - 如何在 AMPhtml 中动态打开 amp-iframe?
问题描述
我在我的网站上非常成功地使用了一个或两个 amp-iframe,以及一些动态 amp-list 组件。
我有一组相对复杂的 HTML,我想将其制成 amp-iframe,而不是作为主页的一部分,因为计算起来很困难。amp-iframe 将是理想的选择:但我不想让它在页面加载时自动加载。
相反,我希望在有人按下按钮后加载 amp-iframe。“显示更多信息”然后会打开一个 amp-iframe 并加载困难的东西。
我不确定这样做的方式。
我一直在使用带有 setState 的隐藏 DIV 来更改可见细节。我可以将 amp-iframe 设置为不可见,并且只有在它变为可见时才会加载?
我可以简单地使用 setState 来更改 amp-iframe 的 SRC 吗?
如果此 amp-iframe 位于页面底部(始终位于视口下方),它是否只会在它进入视图时加载(即,这实际上是否已经实现了我想要的,只有在用户想要查看时才加载它?)
解决方案
推荐阅读
- jquery - 在 angularjs 中动态加载 Jquery 选项卡
- node.js - GET 的表达参数长度限制
- c# - c# 如何在 Microsoft Interop Word 中编写
- apache-spark - Hive 内部表和 SparkSql 中的分桶
- sql - 在 SQLITE 3 中按国家/地区选择收入排名前 3 的艺术家
- python - 在连接到 MySQL 的 sqlalchemy 中,我需要在 with 语句之后关闭吗?
- c++ - “Bucket&”类型的引用(非 const 限定)不能用“SortedList”类型的值初始化。如何修复此错误?
- haskell - 使用`Ordering`比较Haskell中的值时如何为`foldr`指定初始值?
- python - 如何在 Google Colaboratory 中以编程方式清除 Python 输出?
- php - 如何更新 laravel 中的公用文件夹?