1

Slimscroll プラグインを実装した 2 つの DIV があります。どちらも正常に動作しますが、一方は上にスクロールし<div id="msg_left_sidebar">....</div>(デフォルトのようです)、もう一方の DIV<div id="chat_content">....</div>は下にスクロールする必要があります。次のコードでほぼ期待どおりに動作します。

$(function(){
    var scrollDown_int = $('#chat_content')[0].scrollHeight;
    $('#msg_left_sidebar').slimScroll({
        height: (browserheight - 190) +'px',
        width: '248px'
    });
    $('#chat_content').slimScroll({
        height: (browserheight - (207 + 190)) +'px',
        width: '526px',
        scrollTo : scrollDown_int+'px',
      });
       //$('#chat_content').scrollTop(scrollDown_int); // this works as good as the scrollTo parameter 
  });

私が抱えている問題は、コンテンツが一番下までスクロールされているにもかかわらず、スクロールバー自体が DIV 要素の上にあるということです。

これは、スクロールを開始するとすぐに、どのように (マウスのホイールをスクロールするか、スクロールバーをつかむか) コンテンツがずっと上に行くことを意味します...

これは既知の問題ですか? このスクロールバーも一番下に移動するにはどうすればよいですか。

助けてください。私の説明が十分に明確であることを願っています:-)

4

2 に答える 2

2

Slimscroll には、コンテナの開始位置のオプションがあります。

start - top または bottom または $(selector) - スクロールバーの初期位置を定義します。一番下に設定すると、スクロール可能なコンテナの一番下まで自動的にスクロールします。HTML 要素が渡されると、slimScroll はデフォルトでこの要素の offsetTop になります。デフォルト: 上。

から: http://rocha.la/jQuery-slimScroll

コードを次のように調整すると、div とスクロールバーの両方がコンテナーの下部に配置されます。

$('#chat_content').slimScroll({
   height: (browserheight - (207 + 190)) +'px',
   width: '300px',
   start: 'bottom'
});

JSFiddle: http://jsfiddle.net/oqet7pe4/

于 2015-03-01T17:55:04.583 に答える