본문 바로가기
jquery

mCustomScrollbar 사용

by 다양성 2022. 1. 12.

사용 동기

시스템 기본 스크롤이 아닌 예쁘게 디자인된 스크롤을 사용하고 싶었다. 회사 내에서 이 스크립트를 살짝 수정하여 사용중인데, 원 스크립트의 기본 동작을 시간 날때 살펴봐야겠다는 생각을 함. (링크 : http://manos.malihu.gr/jquery-custom-content-scroller/)


HTML 구조

<div class="content mCustomScrollbar"> <p> 내용가득......................... </p></div>

// script 에 content class를 이용하여 스크롤 사용을 등록함 (아래 참조) , 참고로 mCustomScrollbar 클래스는 반드시 추가하여야 함.


SCRIPT 구조

 


CSS 구조

.content {width: 200px; height: 200px; }  // 높이값이 반드시 들어가야 작동합니다. 저는 내용값이 height가 변하므로 max-height을 지정하여 사용하였습니다.

댓글