16

本文全体を特定の場所にスクロールするこのコードスニペットがあります →

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

しかし、このように div 内の特定の場所にスクロールしたい場合はどうすればよいですか →

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

この方法で試してみましたが、うまくいきません。どこが間違っているのか教えていただけますか?

注: この要素#div-idには、css ルールの 1 つとして、overflow:auto があります。

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 に答える