editor.md编写markdown文件时，生成的目录怎么随滚动条变化而变化

Question

腾讯云api文档官网截图

vue编写的 editor.mdmarkdown怎么实现呢？

Answer 1

首先通过右边导航条的获取对应左边内容的标题的id属性，然后通过document.querySelector(id).offsetTop获取对应的offsetTop并保存起来，最后用window.addEventListener('scroll', this.handleScroll)，监听当前滚动条的位置，给右边导航条前面的左边框显示颜色。

当然，要注意的是因为图片和流程图生成的时候滞后一些，所以第二步的时候我用setTimeOut延迟了200ms然后去获取offsetTop