| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- #동영상
- #쇼핑몰
- #cgimall
- 솔루션
- #홈페이지제작
- javascript
- #해피CGI
- #happycgi
- #솔루션
- 웹솔루션
- #image
- 게시판
- #CSS
- 사이트제작
- happycgi
- #홈페이지
- #웹솔루션
- #이미지
- CSS
- 홈페이지
- CGIMALL
- php
- 해피씨지아이
- 쇼핑몰
- 해피CGI
- 홈페이지제작
- jquery
- #jQuery
- #업종별
- #뉴스
- Today
- Total
웹솔루션개발 25년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] 부드러운 고정 헤더 Jquery - sp.stickyHeader.js 본문
웹프로그램밍 자료실/JAVA 자료
[해피CGI][cgimall] 부드러운 고정 헤더 Jquery - sp.stickyHeader.js
해피CGI윤실장 2020. 10. 28. 09:19- 라이센스
MIT
- 사용 방법
1. 파일 상단에 Jquery 라이브러리와 sp.stickyHeader.js 파일, sp.stickyHeader.css 파일을 링크합니다.
2. 다음과 같이 헤더 요소를 만듭니다.
3. 헤더 요소에 플러그인을 연결합니다.
4. 헤더 요소를 고정하기 위해 페이지가 얼마나 아래오 스크롤되는지 결정합니다. (기본값:300)
5. 고정된 헤더 요소에 추가 CSS 클래스를 추가합니다.
6. 모바일 장치에서 고정 헤더를 비활성화할지 여부를 결정합니다. (기본값:true)
- 작동 예제
'웹프로그램밍 자료실 > JAVA 자료' 카테고리의 다른 글
| [해피CGI][cgimall] [jquery] Typography Motion Effect (0) | 2020.11.02 |
|---|---|
| [해피CGI][cgimall] [jquery] Magnetic Buttons (0) | 2020.10.29 |
| [해피CGI][cgimall] 가벼운 Jquery 슬라이더 플러그인 - WaltzerJS (0) | 2020.10.27 |
| [해피CGI][cgimall] Text Highlight Animation Plugin (0) | 2020.10.23 |
| [해피CGI][cgimall] jQuery Plugin To Duplicate & Resort Table Rows - Dynamicrows (0) | 2020.10.22 |
'웹프로그램밍 자료실/JAVA 자료' Related Articles
more
Comments