웹솔루션개발 25년 노하우! 해피CGI의 모든것

라운드 형태의 스크롤 디자인부터 rail 형태의 스크롤바등 여러개의 모양으로 변경하여 이용할 수 있는 크로싱 스크롤 소스입니다. 사용조건은 아래와 같습니다. 소스내에 아래의 style 소스와 js 소스를 반드시 입력되어있어야 합니다. 또한 각 style 소스내에 id 값을 가진 css 소스도 삽입되어야 합니다. 위 조건을 만들어주셨다면 라는 각 class 명에 삽입될 scrollbar-dynamic 등으로 구분된 class 명칭을 작성하시면 해당 스크롤 바의 모양을 이용하여 적용할 수 있게됩니다.

css 만으로 스크롤바 디자인하기 #style-1::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F5F5F5; } #style-1::-webkit-scrollbar { width: 12px; background-color: #F5F5F5; } #style-1::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #555; } 해당 사이트에서 다양한 css를 확인할 수 있습니다.

수직, 수평 스크롤바를 사용자가 정의 및 설정하는 제이쿼리 플로그인 소스입니다. 다양한 기능 및 동작 기능을 제공합니다. 스크롤 막대 좌우크기, 바 모양, 상하 이동 버튼 스타일, 스크롤바 이동 효과 등등 다양한 스타일 및 동작을 제공합니다. 기본 제공되는 소스는 물론 다양한 매개변수를 통해 사용자 정의 설정이 가능합니다.