1.스크롤 올릴때 헤더,네비 고정하기
- 고정할 태그는 자유롭게 변경하여 사용합니다.
- 스크롤 올릴때 nav, header 높이를 지나는 순간부터 숨김 처림 됩니다.
(예제소스에서는 class로 제어했습니다. 직접 css로 제어해도 무관)
이 글이 도움이 되었다면 ♡(공감)을 눌러 주세요.
반응형
'Front End > Javascript' 카테고리의 다른 글
| [JS] display:none이 된 요소에서 Swiper 사용법 (0) | 2022.11.14 |
|---|---|
| [JS]클립보드(clipboard.js) 사용법(복사하기) (0) | 2022.09.02 |
| [JS] 이미지 비교 슬라이드(Image Comparison Slider) (0) | 2022.01.10 |
| [JS] Scope(스코프) 란 ? (0) | 2021.12.22 |
| [JS] GSAP으로 Mouse cursor change(마우스 커서 변경하기) (0) | 2021.11.24 |