在amp-html中实现视差效果

Question

我无法在amp-html中实现视差效果。我有一个带有属性background-attachment: fixed的放大器图像，但这对我来说似乎不起作用。

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>

在你的身体里。

此程序目前正在开发中，因此可能不稳定但可以使用☺。它可能会在以后更新。