TOC 나 앵커를 작업하다가 스크롤이 해당 위치로 정확하게 가지 않는 에러가 있었습니다.
See the Pen css scroll by HelloHailie (@hellohailie) on CodePen.
이 에러의 원인은 네비게이션바였습니다.
네비게이션바에 상단에 항상 fixed 되어 있기 때문에 네비게이션 바 height 만큼을 추가해줘야 가리지 않습니다.
이를 아주 간단하게 해결할 수 있습니다.
scroll-margin-top: calc('헤더 height' + 10px);
아래처럼 해당되는 곳에 scroll-margin-top 을 설정해주면 문제를 해결할 수 있습니다.
See the Pen css scroll by HelloHailie (@hellohailie) on CodePen.
'❗️Error' 카테고리의 다른 글
| git push ssh: connect to host github.com port 22: Connection timed out 에러 (0) | 2024.05.30 |
|---|---|
| Connection to localhost:5432 refused. (0) | 2024.04.15 |
