js使用scroll事件实现锚点滚动到页面顶部时导航高亮

在 JavaScript 中,可以通过监听页面滚动事件,并判断页面顶部与各个锚点的距离来实现导航高亮效果。当某个锚点的内容块滚动到页面顶部时,自动高亮相应的导航项。

2024-10-31 1369 0 js scroll 锚点

通过css设置a标签锚点页面顶部padding距离

为滚动容器设置scroll-padding-top就可以让锚点元素滚动结束后有padding-top了。(直接为content部分添加margin-top是没用的。)

2022-11-18 2914 0 锚点 scroll-padding-top

顶部