到目前为止，我还没有找到在AMP页面上创建粘性 header 的可靠方法。我知道有CSS解决方法/黑客，但是在生产环境中我什么也不能使用。一个简单的“position:fixed;”不幸的是，在我的情况下是行不通的。
在所有组件中，我以为会有一个可以滚动滚动的body类，但是我还没有找到任何东西。同样不要以为“amp-position-observer”会有用。
我想念什么吗？理想情况下，我希望能够在滚动X像素数量之后切换元素的类名称。在AMP中可以吗？
最佳答案
当前不支持在X像素滚动后切换元素的类名，作为amp-position-observer does not allow changing amp-state。
您可以结合使用amp-position-observer来使用amp-animation更改标题的一部分。但是，它的应用程序仅限于supported CSS properties are limited。但是，只要有一点点创意，这种方法就可以非常灵活。一种可能的模式是复制标题中的元素，然后根据您的滚动位置显示/隐藏这些元素。
Here是根据当前关注的部分突出显示标题的示例。
关于javascript - AMP中是否可能有粘性接头？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/50827468/