Sticky 검색 결과
1 개의 검색 결과가 있습니다.
# 주저리주저리/블로그 업데이트

[블로그 디자인 1.0.12] 블로그 상단 헤더 고정시키기 + 하단 프로그레스바 설정

어제 새벽에 CSS의 position 속성을 공부하면서 새롭게 알게 된 sticky를 블로그에 적용시켜봤습니다. 너무나도 간단해서 허무할 수준..이지만, 헤더를 고정시키면서 프로그레스바와 겹치는 상황이 발생했습니다. 그래서! 주변에 조언을 구해서 프로그레스바를 하단으로 내렸습니다 ㅎㅎ 기존에 사용하던 cdn으로는 커스터마이징이 힘들어서, 로직을 아예 바꿔버렸습니다 ㅠ 바로 보러가시죠 :) 목차 0. 블로그 상단 헤더 고정 위에서 설명한대로 헤더영역의 position을 sticky로 바꿔주면 끝입니다. 다만 주의해야 할 것은 sticky속성이 모든 브라우저에서 사용되는 것은 아니기 때문에, 별도의 polyfill 과정이 필요할 수 있다는 점을 생각하셔야 합니다! (IE와 사파리의 문제이지만, 해당 이슈에 ..

2022. 2. 27. 14:56