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

2 votes189 views2 answers
Jquery loop through json
Javascript jQuery
0 vote174 views1 answer
How to catch shortcut keys in jquery
Javascript jQuery
0 vote165 views1 answer
Jquery element befor
Javascript jQuery
18 votes198 views2 answers
How to get the div value in jquery
Javascript jQuery
1 vote182 views1 answer
Jquery vdn
Javascript jQuery
1 vote178 views2 answers
Jquery :not class
Javascript jQuery
0 vote171 views1 answer
Summernote click event jquery
Javascript jQuery
2 votes174 views2 answers
How do I check if an element is hidden in jQuery?
Javascript jQuery
0 vote169 views1 answer
Callbacks in jquery
Javascript jQuery
4 votes172 views4 answers
Remove or add class jquery
Javascript jQuery