header 속성이 fixed 일때 생기는 문제중 하나가 페이지내 a 태그를 통해 이동하는 경우에 해당 콘텐츠를 가릴수 있다는 점이다.
나도 이런 문제에 직면했었는데, 의외로 해결 방법이 간단했다.
아래 링크에 해결 방법이 잘 나와있다.
https://www.caktusgroup.com/blog/2017/10/23/css-tip-fixed-headers-and-section-anchors/
CSS Tip: Fixed Headers and Section Anchors | Caktus Group
Linking within a page is a natural case for using a fixed header. Unfortunately, internal linking and a fixed header pose a problem when used together.
www.caktusgroup.com
'CSS' 카테고리의 다른 글
| CSS position sticky 사용기 (2) | 2019.07.02 |
|---|---|
| bootstrap tab에 의하여 차트의 width가 변하는 현상 해결 (0) | 2018.11.06 |
| css color name code 보는곳 (0) | 2018.09.28 |
| css calc() 함수 (0) | 2018.07.23 |
| column-count 속성을 사용하여 masonry를 구현할때 주의할 점 (0) | 2018.07.20 |
댓글