滚动头部、电梯导航与回到顶部 | 星雨笔录
实现滚动吸顶、分区跳转和返回顶部。
核心: 滚动导航可读取位置,点击目录时用 scrollIntoView,回顶部用 scrollTo。
最小示例:
document.querySelector('#toTop').onclick = () => window.scrollTo({ top: 0, behavior: 'smooth' });
document.querySelector('#part2').onclick = () => document.querySelector('#section2').scrollIntoView({ behavior: 'smooth' });
学完能做: 实现滚动吸顶、分区跳转和返回顶部。