728x90
반응형
스크롤을 감지해서
스크롤을 내리면 header가 상단으로 고정되고 형식이 바뀝니다.
다시 스크롤을 올리면 원래되로 되돌아옵니다.
mousewheel 이벤트를 이용해서 스크롤을 감지합니다.
e.originalEvent.wheelDelta; 값을 이용해 스크롤을 올리고있는지 내리고 있는지 감지합니다.
$(window).scrollTop(); 현재 스크롤의 위치를 가져옵니다.
addClass와 removeClass를 이용해 다른 css를 적용해줍니다.
728x90
반응형
'javascript > jQuery' 카테고리의 다른 글
| [JAVASCRIPT/JQUERY] jqueryUI effect 사용하기 (0) | 2019.04.15 |
|---|---|
| [JAVASCRIPT/JQUERY] 남은시간 카운드다운 만들기 (0) | 2019.04.12 |
| [JAVASCRIPT/JQUERY]플러그인 쓰지않고 이미지 슬라이드 만들기 (0) | 2019.04.11 |
| [JAVASCRIPT/JQUERY]서브페이지에 사이트 이동경로를 나타내는 방법 (select) (0) | 2019.04.10 |
| [JAVASCRIPT/JQUERY] Jquery UI (draggable/droppable)옵션설정하기 (0) | 2019.04.10 |
댓글