jQuery jScrollPane 사용자 정의 스타일링

Question

그래서 저는 jScrollPane을 작동 시키려고했으나 할 수 없었습니다. 나는 바보 같은 느낌. 웹 사이트와 필자가 보았던 몇 가지 재미있는 것들로 보면 단순 해 보입니다. 그러나 내 코드는 스크롤 막대의 스타일을 전혀 변경하지 않습니다.

나는 스크립트를 추가했다. (총 3 개의 메인 휠과 하나의 마우스 휠이있다.) 그리고 CSS는 아직 없다.

그래서 나는 다음과 같은 바이올린 발견

을 http://jsfiddle.net/2nPXf/34/

(동일 할 아마도하지만 그것을 정상적인 폭을 유지하기 위해 찾고를) 그리고 나는 그것이 내 코드와 함께 작동하도록 노력 : http://jsfiddle.net/6tUMk/4/

다음 스크립트가 당신을 사물을 방아쇠를 당기기 위해 사용해야하는 것 같습니다 (다운로드 된 스크립트는 그대로두고 별도의 스크립트 파일을 생성했습니다) :

그래서 스크롤바를 원한다면 스크롤 패널 클래스를 추가했는데 링크 된 첫 번째 피들 에서처럼 추가 스타일링이 필요하지 않습니다.

일부 jScrollPane 데모에서 HTML을 살펴본 결과 jspScrollable, jspContainer 및 기타 많은 추가 클래스가 사용되는 것을 볼 수 있습니다. 그러나 jScrollPane 웹 사이트 내에서 작동하는 바이올린 및 문서를 보면 스크립트를 올바르게 설정 한 경우 .jScrollPane() 스크립트 내에서 트리거 된 모든 요소 (제 경우에는 .scrollpane)가 제대로 작동해야합니다. 하지만 뭔가 빠진 것 같아요?

어떻게 작동하나요? 내가 여기서 무엇을 놓치고 있니?

Answer 1

외부 링크를 jquery.jscrollpane.css, jquery.jscrollpane.min.js (옵션) jquery.mousewheel.js에 추가하는 것을 잊었습니다.

Fiddle

P. 콘텐츠를 <p></p> 안에 넣으면 더 두드러지게 보입니다.