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

[해피CGI][cgimall] Highly Customizable Sticky jQuery Plugin - jQuery smartSticky 본문

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

[해피CGI][cgimall] Highly Customizable Sticky jQuery Plugin - jQuery smartSticky

해피CGI윤실장 2020. 9. 8. 09:14

웹페이지에서 스크롤을 해도
특정 요소는 같은 위치에 머무르면서 표시하도록 하는 플러그인입니다.

다운로드 받은 파일의 압축을 해제한뒤

example/jquery.stickySmart.html 파일을
웹브라우저로 열어보면 샘플 확인이 가능합니다.


열려진 웹페이지에서 스크롤을 내려보면,

 



특정 컨텐츠가 스크롤이 내림으로서
웹페이지 내에서 안보여지게 되었을때
위 그림 처럼 스크롤을 따라다니면서 표시해주는 플러그인 입니다.

 

 



스크롤을 아래로 조절될 때 외에도,
스크롤을 위로 조절할 때 웹페이지의 아래쪽 부분에 표시를 해주는 것도 가능합니다.

 

 



위 그림 처럼 스크롤을 따라다니는 상태에서는
실제 웹페이지내에 표시되던 형태와는 다른 모양으로
표시하도록 커스터마이징이 가능하네요

 

 

특정 문단이 아니라, 메뉴 및 검색폼이 스크롤을 따라다니는 것도 가능합니다.


표시될 때 딜레이를 주거나,
스크롤을 위로 변경하거나,
아래로 변경시에만 이벤트가 생기도록 하는게 가능하네요.




홈페이지바로가기

Comments