改变 slimscroll 的位置

Question

有没有办法在使用 slimscroll 时在初始化时移动滚动条位置？我发现可以在 "scrollTop" 的本机滚动条上使用 jQuery 来执行此操作，但不知道如何使用 slimscroll 来执行此操作。这里有一个fiddle。 http://jsfiddle.net/c8d3ohue/

基本上我希望第一个 div 在初始化时向下滚动，就像这张照片中那样。

我的代码：

<div class="slimScroll" style="overflow-y:auto;height:200px;width:250px">
    <div class="child-height-1" style="height:50%;overflow:hidden;position:relative">
        <div class="child-content" style="height:300px;background-color:lightgreen">asd</div>
    </div>
    <div class="child-height-2" style="height:50%;overflow:hidden;position:relative">
        <div class="child-content" style="height:300px;background-color:lightyellow">asd</div>
    </div>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/slim-scroll/1.3.2/slimscroll.min.js"></script>
<script>
    $(function () {
        new slimScroll($('.child-height-1')[0]);
        new slimScroll($('.child-height-2')[0]);
    });
</script>

Answer 1

如果你使用jquery.slimscroll.min.js而不是slimscroll.min.js，你可以这样做。

对于上面的HTML，在准备好的文档中你可以这样做，

var itemContainer1 = $(".child-height-1");
itemContainer1.slimScroll({
    height: '200px',
    start: 'bottom',
    alwaysVisible: true
}); 

var itemContainer2 = $(".child-height-2");
itemContainer2.slimScroll({
    height: '200px',
    start: 'top',
    alwaysVisible: true
});

看到一个fiddle,

http://jsfiddle.net/anjanasilva/uypabr6o/

看起来如何，

希望对您有所帮助。

改变 slimscroll 的位置

changing slimscroll position

javascript

html

css

slimscroll