How to scroll within a div with jQuery animate() function?

Question

I have this code snippet which scrolls the entire body to a particular location →

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


        

Answer 1

Try this demo:

$('#div').scroll();
$("#div").animate({
  scrollTop: 1000
}, 2000);

#div {
  height: 100px;
  overflow: scroll;
  width: 200px;
  border: 2px solid red;
}

  

    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