2011-07-06 59 views
0

我正在使用JScrollPane來設置我的滾動條的樣式。但是,我需要通過ajax加載內容。JScrollPane動態調整問題

我發現它當內容超過高度時,JSrollpane不會自動添加滾動條。

任何人都可以提出解決此問題的方法嗎?

有2個例子。測試塊#1使用JScrollPane,測試塊#2使用默認的滾動條。

如果您在任一測試用例的紅色框中單擊,則會添加樣本內容作爲響應。您會注意到默認滾動條會自動調整,但即使添加內容,jscrollpane也不會調整。

回答

0

爲了誰的人有興趣...

該解決方案實際上是煩人簡單 - 你還記得每次內容加載到該元素所需的元素JScrollPane的()函數。

即:

$('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(); 
     } 
    ); 

JScrollPane的最初施加到div.content然後也每次更多的內容是響應點擊事件時在加載。這樣自定義滾動條就會自動調整。

我希望能幫助別人。