Question

我有2个DIV，实现了Slimscroll插件。两者都工作得很好，但是应该一直向上滚动<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元素之上。

这意味着，一旦我开始滚动，无论如何（鼠标滚轮或抓住滚动条）内容都会一直向上......

这是一个已知问题吗？如何使此滚动条也显示在底部。

请帮忙。希望我的解释足够清楚:-)

Answer 1

Slimscroll有一个容器起始位置选项：

开始 - 顶部或底部或$（选择器） - 定义滚动条的初始位置。设置为底部时，它会自动滚动到可滚动容器的底部。传递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/

Answer 2

见下面链接jsFiddle：http://jsfiddle.net/oqet7pe4/50/

// make slimscroll object
var vTable = $("#msg_left_sidebar").slimScroll({ ... });

// and use this command
vTable.slimScroll({scrollTo: scrollDown_int +"px"});

我从http://jsfiddle.net/oqet7pe4/

修复了

SlimScroll JQuery插件中的scrollto问题

2 个答案: