Google AMP 脚本与 jquery window.scroll 冲突

Google AMP script conflicts with jquery window.scroll

本文关键字：window scroll 冲突 jquery AMP 脚本 Google      更新时间：2023-09-26

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

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

AMP HTML 中禁止使用脚本代码，除非：

  • 类型是应用程序/ld+json
  • 它是加载 AMP 运行时的必需脚本代码
  • 它是加载扩展组件的标签

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

可在此处找到可用扩展程序的列表，例如 amp-carusel。

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

"AMP 组件可能背后有 JavaScript，但它是 与其他AMP组件协调，因此其组成成 页面不会导致性能下降。

包含 JQuery 滚动的唯一方法是通过 AMP-IFRAME 标签将其拉入。但这只会让您在 amp-iframe 的上下文中访问它，因此很可能对您没有帮助。你想用JQuery卷轴完成什么？AMP 网页旨在简单明了，可以非常快速地显示信息。使用 AMP 网页的最佳示例是新闻网站。如果您打开 CHROME 调试器，点击移动视图图标，然后搜索"Trump"，则会在顶部看到 AMP 网页轮播。你会注意到它们都是简单的新闻报道。没什么好看的。

你有没有一个例子来说明你想做什么，我们可以看看？

相关文章：