Javascript 更改滚动位置
使用slimscroll时,是否有方法在初始化时移动滚动条位置?我发现在原生滚动条上使用jQuery和“scrollTop”可以做到这一点,但我不知道如何使用slimscroll做到这一点。这是一把小提琴 基本上我希望第一个div在init上向下滚动,如图所示 我的代码: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-
<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,我很高兴我的回答很有帮助。谢谢你的支持和接受。干杯