jScrollPaneが下に座っていません

Question

私が設計した簡単なチャットインターフェイスのスクロールバーにjScrollPaneを使用します。ここで問題となるのは、jScrollPaneが自動的に下にスクロールしないということです。 jScrollPaneには、trueに設定した便利なオプション 'stickToBottom'があり、コンテンツが特定のdivに動的に追加されるため、 'autoReinitalise'をtrueに設定しました。チャットボックスがいっぱいになり、スクロールバーが追加されるとすぐに、jScrollPaneが自動的に下にスクロールしてそこにスクロールすることを期待しました。しかし、そうではありません。私はまず最初に手を下にスクロールしなければならず、それがそこにくっつくでしょう。だから私は最初のスクロールバーが表示されるように、それは親（それはスクロールバーを持つ）よりも高さ1ピクセル以上のinnerdivを作成しようとしました。 APIを介して、スクロールハンドルが完全に下がるようにY軸上を100％スクロールします。しかし、この場合でもチャットボックスがいっぱいになり、コンテンツが利用可能なスペースを超えてスクロールバーがボトムに張り付いていない場合でも、スクロールバーはほぼ一番上にスクロールします。私はこの問題を持っている非常に単純なtestpage設定した

：

http://www.webtrail.nl/jscrollpane-example

は、誰かがここで私を助けることができます願っています。ありがとう！それでもmaintainPosition機能が動作するようにしたいので、

Answer 1

（あなたはmaintainPositionとstickToBottomがデフォルトで有効になっているはずですが、内容は完全にスクロールのdivの高さを占有する時期トリッキーな部分は、一度だけscrollToBottom()を呼び出して、あなたがやるべきことユーザがトップにスクロールすると、新しいコンテンツが到着してもそこにとどまる）。

scrollToBottom()を複数回呼び出すと、毎回下にスクロールします（したがって、maintainPosition機能は削除されます）。

最初のコンテンツがページの高さよりも大きい場合は、ページロード時にscrollToBottomを呼び出すことができますが、そうでない場合は、コンテンツサイズ=スクロールdivの高さを計算する必要はありません。

私は（私はdiv要素は、私はその後、scrollToBottomを呼び出すので、スクロール必要24件のdiv追加するとき）、これを例示するためのアプローチをした：

var counter = 1; 
function addDummyContentToChatBox(api) { 
    $("<div>This is some dummy content.</div>").appendTo("#chatbox_inner"); 
    if (counter == 24) { 
     api.scrollToBottom(false); 
    } 
    api.reinitialise(); 
    counter++; 
} 

$(function() { 

    var api = $('#chatbox').jScrollPane({ 
     stickToBottom: true, 
     maintainPosition: true 
    }).data('jsp'); 

    setInterval(function() { 
     addDummyContentToChatBox(api); 
    }, 233); 
}); 

完全なソース：http://jsfiddle.net/STHgr/37/