您将如何在滚动中实现代码高亮显示

Question

我想创建一个类似于stripes文档的博客页面。当用户滚动页面时，我想在代码上触发不同的亮点。查看此处的条纹文档，查看滚动时代码是否会根据内容突出显示。有没有一个图书馆已经这样做了，或者我自己解决这个问题的最佳方法是什么？

Answer 1

它基本上是一个粘性元素(代码容器(和使用JavaScript将滚动位置与css样式链接的组合。

在这里，你可以找到更多的信息和一个很好的演示：滚动并让内容粘贴在的动画中

To sum it all up, the mechanism of how it works is really just:
1. A scrolling container
2. position: sticky;elements
3. JavaScript that converts scroll position of the scrolling container to styles for sticky elements
4. (Sometimes) CSS transition property