2011-07-06 17 views
0

JScrollPaneを使用してスクロールバーのスタイルを設定しています。しかし、私はajaxを介してコンテンツをロードする必要があります。JScrollPane動的調整の問題

コンテンツが高さを超えると、JSrollpaneは自動的にスクロールバーを追加しません。

誰もこの問題に対処することを提案できますか?

2つの例があります。テストブロック#1はJScrollPaneを使用し、テストブロック#2はデフォルトスクロールバーを使用します。

どちらのテストケースでも赤いボックスをクリックすると、サンプルコンテンツが応答として追加されます。デフォルトのスクロールバーは自動的に調整されますが、コンテンツが追加されてもjscrollpaneは調整されません。

答えて

0

興味がある人には...

ソリューションは、実際にはうるさく簡単です - あなたは毎回コンテンツが要素にロードされる必要な要素にするJScrollPane()関数を呼び出します。

すなわち:JScrollPaneには、最初にdiv.contentに適用され、その後も毎回多くのコンテンツは、クリックイベントに応答するときにロードされている

$('div#block-block-1 div.content').jScrollPane(); 

    $('div#block-block-1 div.content').click(
     function(){ 
      $(this).text($(this).text() + "Pellentesque eget diam enim; et mattis nullaPellentesque eget diam enim; et mattis nulla."); 
      $(this).css('text-indent', '0'); 
      $('div#block-block-1 div.content').jScrollPane(); 
     } 
    ); 

。カスタムスクロールバーが自動的に調整されます。

私は誰かを助けることを願っています。

関連する問題