我有此代码段,可将整个 body 滚动到特定位置→
$('html, body').animate({ scrollTop: 1000}, 800, 'swing');
但是如果我想滚动到div这样的特定位置怎么办→
$('#div-id').animate({ scrollTop: 1000}, 800, 'swing');
我尝试过这种方式,但无法正常工作,您能告诉我我要去哪里了吗?
注意:元素
#div-id
的css规则之一已具有溢出:自动。 最佳答案
试试这个演示:
$('#div').scroll();
$("#div").animate({
scrollTop: 1000
}, 2000);
#div {
height: 100px;
overflow: scroll;
width: 200px;
border: 2px solid red;
}
<!DOCTYPE html>
<html>
<body>
<div id='div'>
dads dads dads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dads dads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dads dads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dads dads dadsdads dadsdads dadsdads dadsdads dadsdads
dadsdads dads dads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dads dads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dads dads dadsdads dadsdads dadsdads dadsdads dadsdads
dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dads
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
</body>
</html>