Google AMP 脚本与 jquery window.scroll 冲突

Question

我正在尝试遵循 Google ( ampproject.org )建议的 AMP 指南，但是一旦我添加了他们的 js 脚本，jQuery 滚动就会停止工作

有谁知道为什么以及如何解决它？

Answer 1

AMP HTML 中禁止使用 script 标签，除非：

• 类型是应用程序/ld+json
• 这是加载 AMP 运行时的强制性脚本标签
• 是加载扩展组件的标签

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

可以在此处找到可用扩展的列表，例如 amp-carousel 。

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

“AMP 组件可能在引擎盖下包含 JavaScript，但它与其他 AMP 组件协调，因此其组合到页面中不会导致性能下降。”