Highly Customizable Sticky jQuery Plugin - jQuery smartSticky happycgi

회원가입

출석체크

마이페이지

CGIMALL

jquery , CSS , PHP , Javascript , 무료폰트 , ASP

홈 > JAVASCRIPT > javascript 소스창고 > 스크롤 > Highly Customizable Sticky jQuery Plugin - jQuery smartSticky 상세정보

클라우드태그

Javascript

PHP

ASP

css

html

mysql

jquery

image

API

Mobile

메뉴

slide

게시판

현재접속자 명

Highly Customizable Sticky jQuery Plugin - jQuery smartSticky

해피팀

네티즌

소스분류

스크롤

다운로드 횟수

50 회

간단설명

웹페이지를 스크롤 할 때 모든 요소를 동일한 위치에 유지할 수 있는 Sticky jQuery 플러그인입니다.

평가하기

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

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

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

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

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

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

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

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

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