Scroll to div jquery

Scroll to element jquery

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

Source: stackoverflow.com

Jquery scroll to element

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

Source: stackoverflow.com

Jquery scroll to id

  $('html, body').animate(
    {
      scrollTop: $($(this).attr('href')).offset().top,
    },
    500,
    'linear'
  )

Source: taniarascia.com

Scroll to div jquery

$('html,body').animate({scrollTop: $("#div-you-are-scrolling-too").offset().top},'slow');

Jquery scroll to specific div

/* HTML LAYOUT */
<div class="my-div" id="login-section"></div>
/* JQUERY Code*/
$(".my-menu-link").click(function () {
  $("html, body").animate({
    scrollTop: $("#" + $(this).attr("id")).offset().top
  }, 500) /* 500 milliseconds*/
  /*
    Hint:
    $("#" + $(this).attr("id")) => #login-section
    so that html will scroll to #login-section which is our specific div
  */
})

Jquery scroll to element in scrollable div

jQuery.fn.scrollTo = function(elem, speed) { 
    $(this).animate({
        scrollTop:  $(this).scrollTop() - $(this).offset().top + $(elem).offset().top 
    }, speed == undefined ? 1000 : speed); 
    return this; 
};

Source: stackoverflow.com

Similar codes

24 votes254 views4 answers
Jquery scroll to element id
Javascript jQuery
0 vote205 views1 answer
Jquery if element is clicked
Javascript jQuery
0 vote207 views1 answer
Jquery basics
Javascript jQuery
5 votes226 views2 answers
Alert jquery
Javascript jQuery
3 votes236 views1 answer
Jquery close bootstrap model
Javascript jQuery
30 votes215 views4 answers
Jquery select by name attribute
Javascript jQuery
0 vote212 views1 answer
Smooth Scrolling' to Anchor Links With Jquery
Javascript jQuery
8 votes207 views4 answers
JQuery check if class contains any element
Javascript jQuery
0 vote210 views2 answers
Jquery remove closest parent
Javascript jQuery
1 vote218 views4 answers
JQuery remove a CSS style
Javascript jQuery