segmentFault文章内部的文章目录是如何实现的？

Question

如图里圈出来的地方。如何做到 滚动同步，并且点击滚动到相应位置的？

.]

Answer 1

这里只提供思路,先从简单的回答

点击滚动到相应位置的？

关键词：HTML锚点
参考：URL锚点HTML定位技术机制、应用与问题

如何做到滚动同步

需要实现的几点：

1.监听滚动事件

window.onscroll

2.监听各段落是否可见

API IntersectionObserver

参考 IntersectionObserver API使用教程（监听指定el是否可见）