[jQuery Plugin] jScrollPane - 스크롤 설정 플러그인

공식 사이트 링크 : http://jscrollpane.kelvinluck.com/

스크롤의 표시나 색상을 설정할 때 유용한 jQuery 플러그인 (크로스브라우징 지원)

 

[설치 방법]

 1. 소스를 다운받아, 자신의 웹디렉토리에 복사

  예) Context/plugins/

 

[사용 방법]

 - 플러그인에 사용되는 css, javascript 파일을 import

 - document.ready 시에 jScrollPane을 불러들이는 소스를 로드

$(function() {     $('.scroll-pane').jScrollPane(); }); 

[테스트 소스]

 - html 소스

{첨부파일로 대체}

 - javascript 소스

$(function() {     $('#contents').jScrollPane(); }); 

 - css 소스

/* 스크롤바 색상 변경 */ .jspTrack { background-color:#f4f4f4; } /* 스크롤 배경 색상 */ .jspDrag  { background-color:#e6d1d0; } /* 스크롤 색상      */