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

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

1jQuery(document).ready(function($) {
2  $('a[href^="#"]').bind('click.smoothscroll',function (e) {
3    e.preventDefault();
4    var target = this.hash,
5        $target = $(target);
6
7    $('html, body').stop().animate( {
8      'scrollTop': $target.offset().top-40
9    }, 900, 'swing', function () {
10      window.location.hash = target;
11    } );
12  } );
13} );