这种情况下怎么实现侧边导航栏滚动?-灵析社区

我是张工你呢

**要实现的效果** 右边内容部分滚动,左边的导航栏自动选中对应部分,导航栏点击也可以跳转到对应部分; **遇到的问题** 右边内容特别多,标题大多嵌套在组件中,有些包含标题的部分还是循环出来的,不好获取标题; **目前想到的方法** 在挂载完成后通过 querySelector 去获取所有的标题, ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241118/1e9e405e2e0205ab22067dbe2f7ec355.png)

阅读量:22

点赞量:0

问AI
我记得有不少开源仓库可以做个功能,不过我很长时间没做这方面的需求,所以暂时想不起来。 如果自己开发的话,应该用 ""IntersectionObserver"" (https://link.segmentfault.com/?enc=YMnY7BCTKd7ZaFIsU9NGPw%3D%3D.vaLeYcsgAOWxwFhsy%2F1WFOb6Qxp7OMpCkrCKHeH1dTkvDpcxuKJHZteL35WBcfSS30p3k%2BPkyzf%2B49vak2e6CUpC%2BJA%2BCiLuB%2Fq5otKPRzI%3D)。我之前写过一篇博客,可供参考:"Intersection Observer 笔记" (https://link.segmentfault.com/?enc=IucUM%2Bop%2FzQr4RxpTXgPUw%3D%3D.%2FMJMmeaxl3N6OAM7fqIr%2Fr8T6E78wVSC3OGxCY%2FtaJ4X24n0GGaPuqltuKn4XOUHH2NencmwFw9uqMrY%2BEHPkk6BLbt9HU1a3rzcJ8hmw3g%3D)。