2009-03-11 6 views
1

誰かがJScrollPaneをJQueryと連動させる運がありますか?div要素と一緒にJScrollPaneを動作させようとしています

私は手紙の指示に従っていますが、ページが読み込まれると、呼び出しはブラウザのスクロールバーを隠すだけですが、カスタムスクロールバーは表示されません。

http://70.85.188.226/_assets/css/jscrollpane.css

http://70.85.188.226/_assets/js/jquery-1.2.3.min.js

http://70.85.188.226/_assets/js/jscrollpane.js

HTML::

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<title>Untitled Document</title> 
<link rel="stylesheet" type="text/css" href="/_assets/css/jscrollpane.css" media="screen,projection,print" /> 
<script type="text/javascript" src="/_assets/js/jquery-1.2.3.min.js"></script> 
<script type="text/javascript" src="/_assets/js/jscrollpane.js"></script> 
<style type="text/css"> 
#test 
{ 
    width:400px; 
    height:300px; 
    overflow:auto; 
    background-color:#2b2b2b; 
    color:#ffffff; 
} 
</style> 
<script type="text/javascript"> 
    $(function() 
    { 
     $('#test').jScrollPane(); 
    }); 
</script> 
</head> 
<body> 
<div id="test"> 
    <div style="height:36px;">TEST</div> 
    <div style="clear:both;"></div> 
    <div style="height:36px;">TEST</div> 
    <div style="clear:both;"></div> 
    <div style="height:36px;">TEST</div> 
    <div style="clear:both;"></div> 
    <div style="height:36px;">TEST</div> 
    <div style="clear:both;"></div> 
    <div style="height:36px;">TEST</div> 
    <div style="clear:both;"></div> 
    <div style="height:36px;">TEST</div> 
    <div style="clear:both;"></div> 
    <div style="height:36px;">TEST</div> 
    <div style="clear:both;"></div> 
    <div style="height:36px;">TEST</div> 
    <div style="clear:both;"></div> 
    <div style="height:36px;">TEST</div> 
    <div style="clear:both;"></div> 
    <div style="height:36px;">TEST</div> 
    <div style="clear:both;"></div> 
    <div style="height:36px;">TEST</div> 
    <div style="clear:both;"></div> 
    <div style="height:36px;">TEST12</div> 
    <div style="clear:both;"></div> 
</div> 
</body> 
</html> 

答えて

0

これは、テスト部門に必要なクラス宣言が不足している可能性があります。

jScrollPaneを適用するには、テストdivのクラスを「スクロールペイン」に設定する必要があります。

0

ファイルは、テスト用HTMLページに含まjScrollPane JavaScriptファイルの行50を確認します。私はconsole.log()これは私の問題を引き起こしていた

if (percentInView < .99) { 

はD」それが価値だと、それは決してスクロール要素を追加しなかったので、それは常に、0.99の上に戻りました。私は、これが私のCSSがどのように設定されているかと関係があると予測しています。あなたのCSSを見てみることをお勧めします。

関連する問題