jscrollpaneスクロールバーがありません

Question

私はスタック全体を見てきましたが、私はそれを見ていないかもしれませんが、Jscrollpaneに問題があります。

$('.jobDetails').live('click', function() { 

var showID = $(this).attr('id'); 

$.get('../internal/databaseInfo.cfm?getMoreInfo&' + (new Date()).getTime(),{showID:showID}, function(data,status) { 
     $('#showMore' + showID).toggle(), 
     $('.moreJobDetails').not('#showMore' + showID).hide(); 
     $('#showMore' + showID).html(data); 
     $('.scroll-pane').jScrollPane();  
    }); 

}); 

問題はdiv要素がコンテンツをロードするとき、それは正しい高さでそれを遮断しますが、スクロールバーが表示アレントということです：私は、データベースからコンテンツを開いたのdivと負荷それをポップいくつかのコードを持っています。上記の正しい場所にjscrollpaneコードを入れましたか？

Answer 1

これはほとんどあなたの問題の答えです。しかし、あなたのコードを正しく読んでいる場合は、JScrollbarが有効な領域にコンテンツを書き込もうとしていて、スクロールバーが動的に有効になっていますか？

私が正しいとすれば、それはうまくいかないとあなたに伝える必要があります。私はまったく同じ問題を抱えていて、何時間もの経験を経て、JScrollbarはページが読み込まれるときにコンテンツがあると幸せに見えるだけです。動的なAjaxスタイルの読み込みが気に入らないようです。

は............しかし、私はまだ

Answer 2

JScrollPaneには、動的なコンテンツ領域との関連をusedinすることができます:-)を回避するに探しています。これを可能にするプロパティ/メソッドがいくつかあります： -

autoReinitialise： 'autoReinitialiseDelay'ミリ秒ごとに自動的にscrollBarを再初期化します。エリックImthornの功績ここjScrollPane autoReinitialise and animateScroll

また、あなたがここにhttp://jscrollpane.kelvinluck.com/dynamic_content.html

Answer 3

を実証されたように「再初期化」を使用することができます私はこれが最初でそれを初期化するために自分のコードだったまったく同じ問題を抱えていた：

$('.p_desc').jScrollPane(); 

I - autoReinitialise: trueを追加して固定しました。 - これで、このようになり、完全に動作します。

$('.p_desc').jScrollPane({ autoReinitialise: true });