사용 동기
시스템 기본 스크롤이 아닌 예쁘게 디자인된 스크롤을 사용하고 싶었다. 회사 내에서 이 스크립트를 살짝 수정하여 사용중인데, 원 스크립트의 기본 동작을 시간 날때 살펴봐야겠다는 생각을 함. (링크 : 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을 지정하여 사용하였습니다.
'jquery' 카테고리의 다른 글
숙소 인원 설정 해보기 (0) | 2022.07.04 |
---|---|
모바일) 선택한 탭, 센터로 이동하기 (0) | 2022.06.29 |
현재 국내 도시 날씨 알아보기 (jquery) (0) | 2021.01.04 |
gallery 따라 만들기 (0) | 2020.12.25 |
캐러셀 구현 - owl carousel 플러그인 (feat. jquery) (0) | 2020.12.18 |
댓글