[컴][웹] jquery slimscroll 사용하기

슬림 스크롤

slimscroll

html web page 를 작성할 때 scroll 을 넣고 싶은 경우가 있다. 그런데 scroll 이 이왕이면 예쁘게 생기면 좋을 것이다. 이때 slim scroll 을 사용하면 좋다.

slimscroll 을 사용하려면 jquery 가 필요하다.

bower 를 이용한 설치

bower 에서 slimscroll 로 install 하면 된다.

c:..\>bower install slimscroll --save

2개의 div

기본적으로 두개의 div 를 만든다.

<div>
  <div id='inner-div'>
    ...
  </div>
</div>

그리고 나서 2번째 div 에 slimscroll 을 적용하면 된다. 아래의 height 만큼 scroll 이 생긴다.

$('#inner-div').slimScroll({
    height: '250px'
});

예제

아래의 경로에서 다양한 slimscroll 예제를 확인할 수 있다.

• jQuery slimScroll | rocha.la | JavaScript and my other hobbies