highlight menu item when scrolling down to section

發表於 2020-11-09 更新於 2024-10-23 分類於 frontend Disqus：文章字數： 53 所需閱讀時間 ≈ 1 分鐘

对于css

1
2
3

html {
  scroll-behavior: smooth;
}

用id + hash的方式滚动

对于js

事件:

1	window.addEventListener('scroll', callback);

throttle + js判断后再增删 class

详细：下面30k viewed的页面