在amp-html中实现视差效果

Question

我在amp-html中实现视差效果时遇到了问题。我有一个带有background-attachment: fixed属性的amp-image，但这似乎对我不起作用。

Answer 1

一流的视差支持已经在路线图上了，但还没有实现。

Answer 2

您可以使用amp视差效果脚本。查看链接。

https://www.ampproject.org/docs/reference/components/layout/amp-fx-parallax

使用代码

将<script async custom-element="amp-fx-parallax" src="https://cdn.ampproject.org/v0/amp-fx-parallax-0.1.js"></script>添加到你的头上，然后添加，

<amp-img amp-fx-parallax="0" height="50vh" layout="fixed-height" src="your image"></amp-img>

在你的身体里。

此过程当前处于开发阶段，因此可能不稳定，但可用于☺。它可能会在以后更新。