jQuery slimScroll始终从底部开始

Question

我有一个容器，它已经有了一个slimscroll，以及一个向最后一个元素添加新项的按钮。我希望slimscroll的scrollBar总是从底部开始。有什么需要帮忙的吗？

<div>
  <ul id="item-container">
    <li>item 1</li>
    <li>item 2</li>
    <li>item 3</li>
    <li>item 4</li>
    <li>item 5</li>
  </ul>
</div>

<input type="text" placeholder="add another item" id="add-input"/>
<button id="add-btn">Add</button>

急需帮助：

http://jsfiddle.net/qh8ye/1/

Answer 1

我解决了这个问题，似乎每次我添加新项时都要在底部添加此代码。干杯!“谢谢！”

var scrollTo_int = itemContainer.prop('scrollHeight') + 'px';
    itemContainer.slimScroll({
    scrollTo : scrollTo_int,
    height: '200px',
    start: 'bottom',
    alwaysVisible: true
});

http://jsfiddle.net/qh8ye/3/

Answer 2

这对我来说已经足够了：

$('#messagelist').slimScroll({
        start: 'bottom'
});

谢谢你，小狗狗！

Answer 3

根据定义如下的slimscroll documentation start选项，与Admir达成一致

start -顶部或底部或$(选择器)-定义滚动条的初始位置。当设置为bottom时，它会自动滚动到可滚动容器的底部。

这将仅在Slimscroll初始化时起作用。如果你想在初始化后调整Slimscroll的位置，那么你可以使用scrollTo选项。

​

var container = $(selector);

container.slimScroll({
  scrollTo: container[0].scrollHeight
});

​

每次你改变Slimscroll的位置，它会显示滚动条一段时间，然后淡出，这显然会让它分心。为此，您可以使用以下替代方法

​

var container = $(selector);

container.scrollTop(container[0].scrollHeight);

​