changing slimscroll position

Question

Is there a way to move scrollbar position on initialisation when using slimscroll? I found it's possible to do this using jQuery on native scrollbar with "scrollTop", but don't see how would I be able to do it using slimscroll. Here is a fiddle. http://jsfiddle.net/c8d3ohue/

Basically I want the first div to be scrolled down on init, like in this picture.

My code:

<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

If you use jquery.slimscroll.min.js instead of slimscroll.min.js, you can do this like this.

For your same HTML above, in the document ready you can do like this,

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
}); 

See a fiddle,

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

How it looks,

Hope this helps.