jQuery slimScroll始终从底部开始

jQuery slimScroll to always start at the bottom

本文关键字：底部 开始 slimScroll jQuery      更新时间：2023-09-26

我有一个容器，它已经有了一个slimroll，还有一个向最后一个元素添加新项目的按钮。我希望滚动条总是从底部开始。请帮忙吗？：（

<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/

我解决了这个问题，似乎每次添加新项目时都必须在底部添加此代码。干杯谢谢@红色

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

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

这对我来说已经足够了：

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

谢谢大家！

同意Admir的意见，根据精简滚动文档启动定义为的选项

开始-顶部或底部或$（选择器）-定义滚动条。当设置为底部时，它会自动滚动到底部可滚动容器的。

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

var container = $(selector);
container.slimScroll({
  scrollTo: container[0].scrollHeight
});

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

var container = $(selector);
container.scrollTop(container[0].scrollHeight);

相关文章：