Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 更改滚动位置_Javascript_Html_Css_Slimscroll - Fatal编程技术网

Javascript 更改滚动位置

Javascript 更改滚动位置,javascript,html,css,slimscroll,Javascript,Html,Css,Slimscroll,使用slimscroll时,是否有方法在初始化时移动滚动条位置?我发现在原生滚动条上使用jQuery和“scrollTop”可以做到这一点,但我不知道如何使用slimscroll做到这一点。这是一把小提琴 基本上我希望第一个div在init上向下滚动,如图所示 我的代码: <div class="slimScroll" style="overflow-y:auto;height:200px;width:250px"> <div class="child-height-

使用slimscroll时,是否有方法在初始化时移动滚动条位置?我发现在原生滚动条上使用jQuery和“scrollTop”可以做到这一点,但我不知道如何使用slimscroll做到这一点。这是一把小提琴

基本上我希望第一个div在init上向下滚动,如图所示

我的代码:

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

自闭症
自闭症
$(函数(){
新的slimScroll($('.child-height-1')[0]);
新的slimScroll($('.child-height-2')[0]);
});

如果您使用
jquery.slimscroll.min.js
而不是
slimscroll.min.js
,您可以这样做

对于上面相同的HTML,在document ready中,您可以这样做

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
}); 
看小提琴

看起来怎么样,


希望这有帮助。

是的,它成功了,最终使用了这个slimScroll版本,谢谢!您好@brgs,我很高兴我的回答很有帮助。谢谢你的支持和接受。干杯