ほとんど一緒に働いているjScrollPaneとタブの例

Question

スクロールバー（jScrollPaneから）がすべてのタブ（Soh Tanakaから）に表示されるようにしたいと思います。現在のところ、それは最初のタブのために現れるが、それはここに私のライブの例を参照してください...バック第二、第三、第四タブのブラウザのデフォルトへ

落ちる：jScrollPane and Tabs, almost working together

がどのようにスクロールを得ることができますすべてのタブに表示するバー？ありがとう！

<script type="text/javascript"> 
    jQuery.noConflict(); 
    jQuery(document).ready(function($) { 
    jQuery('.scroll-pane').jScrollPane({ 
       verticalDragMinHeight: 20, 
       verticalDragMaxHeight: 20, 
       horizontalDragMinWidth: 20, 
       horizontalDragMaxWidth: 20 
    }); 

}）;

}）;

Answer 1

各タブを表示した後にjScrollPaneを再初期化する必要があります。ここでは簡単な例：お使いの場合には

http://jscrollpane.kelvinluck.com/invisibles.html

あなたは試みることができる：

$("ul.tabs li").click(function() { 

    $("ul.tabs li").removeClass("active"); //Remove any "active" class 
    $(this).addClass("active"); //Add "active" class to selected tab 
    $(".tab_content").hide(); //Hide all tab content 

    var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content 
    $(activeTab).fadeIn().jScrollPane(); //Fade in the active ID content and apply jScrollPane 
    return false; 
}); 

を（私は何とか昨日the wrong questionにこの回答を投稿 - 答えるの遅れのためにとても残念！）