滚动头部、电梯导航与回到顶部 | 星雨笔录

实现滚动吸顶、分区跳转和返回顶部。

核心: 滚动导航可读取位置,点击目录时用 scrollIntoView,回顶部用 scrollTo。

最小示例:

document.querySelector('#toTop').onclick = () => window.scrollTo({ top: 0, behavior: 'smooth' });
document.querySelector('#part2').onclick = () => document.querySelector('#section2').scrollIntoView({ behavior: 'smooth' });

学完能做: 实现滚动吸顶、分区跳转和返回顶部。