1

我有 2 个带有已实现 Slimscroll 插件的 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 - 顶部或底部或 $(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 回答
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/修复

于 2017-04-11T10:27:43.767 回答