2013-03-10 3 views
0

jScrollPane을 사용하려고합니다. 원래의 스크롤 막대가 사라져서 작동하지 않습니다! 약 한 달 전에 다른 사이트에서 이미 사용했는데 잘 작동했습니다. 단 하나의 전제 조건은 다음과 같습니다. 마우스 휠이 작동하지 않았습니다 (두 번째 문제점).jScrollPane이 작동하지 않습니다.

코드 :

<link type="text/css" href="jScrollPane/jquery.jscrollpane.css" rel="stylesheet" media="all" /> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script type="text/javascript" src="jScrollPane/jquery.mousewheel.js"></script> 
<script type="text/javascript" src="jScrollPane/jquery.jscrollpane.min.js"></script> 
<script type="text/javascript" src="jScrollPane/mwheelIntent.js"></script> 

<script type="text/javascript"> 
$(function(){ $("#body").jScrollPane(); }); 
</script> 
</head> 
<body id="body"> 
+0

아주 오래된 버전의 jquery를 사용하고 있습니다. 다음으로 업데이트하십시오 :'' – Tomer

+0

내가 업데이트했고 이전 스크롤바가 다시 나타났습니다 ... –

+0

아직도 도움이 필요합니까? 당신이 그것을 고칠 지 여부는 불분명합니다. –

답변

1

나는이 같은 문제에 일하고 있어요 및 몇 가지를 발견했다. 최신 버전의 jQuery를 사용해야한다는 것에 동의합니다. 1.8.2를 사용하면 작동합니다. 그러나 1.9.1을 사용하는 경우 mWheelIntent.js와 함께 문제가 있으므로 1.9.1을 제거해야합니다. 희망이 사람을 돕는다!

0

플러그인은 스크롤 창 요소의 기본 스타일을 포함하는 CSS 파일과 상호 작용해야합니다. window.load 메서드는 초기화 스크립트를 실행하기 전에 페이지의 모든 에셋을로드합니다. 이 경우 jQuery 1.9.1을 사용했습니다.

$(window).load(function(){ 
    $(".scroll-pane").jScrollPane(); 
}); 

이 정보가 도움이되기를 바랍니다. 감사합니다.

관련 문제