html - 在 amp-html 中实现视差效果

Question

我无法在 amp-html 中实现视差效果。我有一个带有该属性的 amp-image，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>

在你的身体里。

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