1$('html, body').animate({
2  scrollTop: $("#grepperRocks").offset().top
3});

1document.getElementById("divId").scrollIntoView();

1$("#button").click(function() {
2    $([document.documentElement, document.body]).animate({
3        scrollTop: $("#elementtoScrollToID").offset().top
4    }, 2000);
5});

1$("#overflow_div").scrollTo("#innerItem");
2$("#overflow_div").scrollTo("#innerItem", 2000); //custom animation speed 
3

1jQuery.fn.scrollTo = function(elem, speed) { 
2    $(this).animate({
3        scrollTop:  $(this).scrollTop() - $(this).offset().top + $(elem).offset().top 
4    }, speed == undefined ? 1000 : speed); 
5    return this; 
6};
7