Category: CSS

2020년5월20일

CSSで position: sticky 가 적용되지 않을 때

position: sticky의 활용 스크롤과 연동하여 특정 요소를 화면에 고정시키는, 넘넘 편리한 position: sticky。 전에는 position: fixed와 javascript를 써서 만들 수 밖에 없었지만, sticky 속성이 추가되어 아주 편해졌죠! 이...

CSS

2020년4월24일

헤더가 fixed, sticky일 때 내부 링크로 이동시키면 위치가 안맞는 문제 해결방법

사이트의 헤더가 fixed, sticky일 경우에 페이지 내부 링크를 걸어서 페이지 내에서 이동시키려고 하면 fixed로 고정되어 있는 헤더의 높이를 감안하지 않기 때문에 자기가 원하는 위치로 이동 하지 않는 문제가 생깁니다. See the Pen inner link ...