Google AMP：可能出现粘头吗？

Question

到目前为止，我还没有找到在AMP页面上创建粘性标头的可靠方法。我知道有CSS解决方法/黑客，但是在生产环境中我什么也不能使用。一个简单的“ position：fixed;” 不幸的是，在我的情况下不起作用。

在所有组件中，我以为会有一个可以滚动滚动的body类，但是我还没有发现任何东西。同样不要以为“ amp-position-observer”会有用。

我想念什么吗？理想情况下，我希望能够在滚动X像素数量之后切换元素的类名。如果在AMP中可行？

Answer 1

当前不支持在X像素滚动后切换元素的类名，因为amp-position-observer 不允许更改amp-state。

您可以结合使用amp-position-observer来使用amp-animation更改标题的一部分。但是，它的应用程序受到限制，因为受支持的CSS属性受到限制。但是，只要有一点创意，这种方法就可以非常灵活。一种可能的模式是复制标题中的元素，然后根据您的滚动位置显示/隐藏这些元素。

这是一个根据当前关注的部分突出显示标题的示例。