내 사이트에서 jScrollpane을 작동하는 데 문제가 발생했습니다.

Question

내 웹 사이트에서 Kelvin Luck의 JScrollPane을 사용하려하지만 작동에 문제가 있습니다.

특히, 여기 샘플 페이지에서 간단한 수평 스크롤 기능의 코드를 복사하려했으나 분명히 뭔가 놓친 :

여기 http://jscrollpane.kelvinluck.com/arrows.html

나는 그것을 테스트하고있는 페이지입니다 :

를

http://lowhandicapper.com/members/chipping-playlist-test/

내 재생 목록에 총 7 개의 동영상이 있지만 처음에는 숨겨진 기능 3 개를 표시하도록 스크롤 기능을 사용할 수 없습니다.

업데이트 :

lowhandicapper.com/members/exact-horizontal-test/

을 정지 할 수 있습니다 나는 또한 위의 첫 번째 링크에서 수평 슬라이더에 대해 동일한 HTML을 사용하여 테스트 페이지를 만들어 여기에 내 사이트에 그것을 넣어

그것을 작동시키지 마십시오.

Answer 1

문제는 HTML 태그에 있습니다.

.jspcontainer, .jspHorizontalBar 등을 모두 만들 필요가 없습니다. Jscrollpane이 대신 해줍니다.

또한 .jScrollPane() 함수를 초기화 할 때 $ 대신 jQuery을 사용하십시오. 어떤 이유로 작동하지 않습니다 ... 다른 프레임 워크와 충돌 할 수 있습니다.

jQuery(document).ready(function() { 
    jQuery('.scroll-pane').jScrollPane({showArrows: true}); 
}); 

Here's a working example

당신은 컨테이너 폭을 업데이트해야합니다.