CSS를 사용하여 오버플로 영역에 대한 사용자 정의 스타일 스크롤바

Question

CSS를 사용하여 웹 사이트의 스크롤 막대를 사용자 정의 스타일로 만드는 가장 효과적인 방법은 무엇입니까?

오버플로가있는 DIV 내의 스크롤 막대에 대해 말하고 있습니다. 설정하고 브라우저 창에 스크롤바 디자인으로 JPG를 사용하지 않을 수도 있습니다.

희망이 무엇을 달성하려고하는지 설명합니다.

감사

Answer 1

스크롤바는 OS의 구성 요소이기 때문에, 브라우저는 스타일링을 위해 당신에게 자유를주지 않는다. 가장 좋은 대안은 Javascript를 사용하는 것입니다. 예를 들어 사용자 정의 스크롤바에 대해 좋은 라이브러리 인 Tiny Scrollbar이 있습니다. 당신은 단지 웹킷 브라우저에서 순수 CSS로 스크롤을 다시 그릴 수있는 순간

Answer 2

:

• http://css-tricks.com/custom-scrollbars-in-webkit/

스크롤 효과를 모방하기 위해 자바 스크립트를 사용하여 당신이 해결 방법을 사용했습니다 다른 브라우저하십시오. 일부 자원 :

• http://slodive.com/web-development/jquery-scroll/
• http://www.noupe.com/javascript/30-javascriptajax-techniques-for-sliders-scrollers-and-scrollbars.html
• http://www.script-tutorials.com/custom-scrollbars-cross-browser-solution/
• http://www.dynamicdrive.com/dynamicindex17/jquerycustomscrollbar/index.htm