블로그
- 헤더고정 관련 플러그인 - Headroom.js 해당 css 파일을 가져다 쓰거나 아래 클래스 값에 css를 설정해서 사용 가능 .headroom--pinned { //스크롤이 올라갈때} .headroom--unpinned {// 스크롤을 내릴때} .headroom--top {//스크롤이 맨위로 올라갔을때} 아래와 같이 설정하면 /*headroom.js*/ .headroom--pinned { position: fixed
- [CSS] position 속성으로 정렬하기 (static, relative, absolute, fixed 차이) 지난 시간엔 float 속성을 배웠는데요, float는 객체를 오른쪽 또는 왼쪽으로 정렬해서 레이아웃을 배치할 때 유용하다고 했습니다. [css 기초] float 속성에 대하여 오늘 배울 position 역시 레이아웃을 배치하거나, 객체를 위치시킬 때 사용할 수 있는 속성 입니다 *po
- [CSS] top / left menu fixed. 상단/좌측 메뉴고정. 본문영역만 스크롤링. 프레임 없이 영역 분할 후 본문 영역에만 스크롤링 가능 하게 해봅시다. 1. style 정의 html,body {margin:0;padding:0;}#header { position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height