Google AMP脚本与jquery window.scroll

时间:2016-02-04 19:11:04

标签: javascript amp-html

我试图遵循Google建议的AMP指南(ampproject.org) 但是只要我添加他们的js脚本,jQuery滚动就会停止工作

有人知道为什么以及如何解决这个问题吗?

2 个答案:

答案 0 :(得分:4)

AMP HTML中禁止使用脚本标记,除非:

  • 类型为application / ld + json
  • 这是加载AMP运行时的必需脚本标记
  • 这是加载扩展组件的标记

https://github.com/ampproject/amphtml/blob/master/spec/amp-html-format.md#html-tags

可以找到可用扩展程序列表,例如amp-carousel,here

您还可以根据此page使用自定义元素和Web组件。

  

“AMP组件可能有引擎盖下的JavaScript,但确实如此   与其他AMP组件协调,使其成分融入其中   页面不会导致性能下降。“

答案 1 :(得分:0)

包含JQuery滚动的唯一方法是通过AMP-IFRAME标记将其拉入。但这只会让你在amp-iframe的上下文中访问它,所以很可能对你没用。你想用JQuery滚动完成什么? AMP页面非常简单,可以非常快速地显示信息。使用AMP页面的最佳示例是新闻网站。如果您打开CHROME调试器并单击移动视图图标,然后搜索说"特朗普",您将在顶部看到AMP页面的轮播。您会注意到它们都是简单的新闻故事。没什么值得花哨的。

你有一个我们可以看到你想做什么的例子吗?