16

我有这个代码片段，它将整个身体滚动到特定位置 →

$('html, body').animate({ scrollTop: 1000}, 800, 'swing');

但是，如果我想滚动到这样的 div 中的特定位置怎么办 →

$('#div-id').animate({ scrollTop: 1000}, 800, 'swing');

我试过这种方法但它不起作用，你能告诉我哪里出错了吗？

注意：该元素#div-id具有溢出：自动作为其 css 规则之一。

4

2 回答 2

28

试试这个演示：

$('#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>

于 2013-08-31T07:16:11.777 回答
9

像这样尝试怎么样： -

function scrollingdiv(parentid, id){
    $("#"+parentid).animate({scrollTop: $("#"+id).position().top}, 800, 'swing');
}
于 2013-08-31T07:01:01.547 回答