[해피CGI][cgimall] 부드러운 고정 헤더 Jquery

Link

Tags more

관리 메뉴

웹솔루션개발 22년 노하우! 해피CGI의 모든것

웹프로그램밍 자료실/JAVA 자료

해피CGI윤실장 2020. 10. 28. 09:19

- 라이센스

MIT

- 사용 방법

1. 파일 상단에 Jquery 라이브러리와 sp.stickyHeader.js 파일, sp.stickyHeader.css 파일을 링크합니다.

2. 다음과 같이 헤더 요소를 만듭니다.

3. 헤더 요소에 플러그인을 연결합니다.

4. 헤더 요소를 고정하기 위해 페이지가 얼마나 아래오 스크롤되는지 결정합니다. (기본값:300)

5. 고정된 헤더 요소에 추가 CSS 클래스를 추가합니다.

6. 모바일 장치에서 고정 헤더를 비활성화할지 여부를 결정합니다. (기본값:true)

- 작동 예제

저작자표시

[해피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

Comments