您向下滚动到某个位置，现在您希望以某种方式设置样式。标题变为固定。动画触发。出现目录。要基于滚动位置执行任何操作，目前需要 JavaScript。您通过 DOM 事件观察滚动位置并根据该位置更改元素的样式。或者，如果您能做到，最好使用 IntersectionObserver。 我们刚刚发布了关于这一切的文章。
现在有一个 新的（非官方）规范 试图将这些可能性引入 CSS。我喜欢 Web 标准参与进来，因为它看到我们这些作者试图实现某些设计效果，并且想要（可能）帮助使其更轻松和更高效。我也喜欢这个规范列出了来自 Mozilla、Google 和 Apple 的编辑。
我想知道他们将如何处理这里的无限循环问题。就像您滚动到某个点，它触发了一些动画，这会移动某些元素，从而改变滚动位置，从而停止动画，从而再次移动滚动位置……等等。我也想知道为什么它都是针对动画的。“滚动位置样式”似乎将具有最广泛的吸引力和实用性水平。
太棒了！我喜欢这篇文章！请分享更多类似的文章！