scroll to specific element code example

Example 1: scroll to element jquery

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

Example 2: javascript scroll to element

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

Example 3: jquery scroll to position

jQuery(document).ready(function($) {
  $('a[href^="#"]').bind('click.smoothscroll',function (e) {
    e.preventDefault();
    var target = this.hash,
        $target = $(target);

    $('html, body').stop().animate( {
      'scrollTop': $target.offset().top-40
    }, 900, 'swing', function () {
      window.location.hash = target;
    } );
  } );
} );

Example 4: scroll to specific div

$(window).scroll(function() {
    $('html, body').animate({
        scrollTop: $("#myDiv").offset().top
    }, 2000);
});

Tags:

Misc Example