Gulir ke Elemen JQuery
$('html, body').animate({
scrollTop: $("#grepperRocks").offset().top
});
Spyder
$('html, body').animate({
scrollTop: $("#grepperRocks").offset().top
});/* 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
*/
}) $('html, body').animate(
{
scrollTop: $($(this).attr('href')).offset().top,
},
500,
'linear'
)$("#button").click(function() {
$([document.documentElement, document.body]).animate({
scrollTop: $("#elementtoScrollToID").offset().top
}, 2000);
});$('html,body').animate({scrollTop: $("#div-you-are-scrolling-too").offset().top},'slow');$("#overflow_div").scrollTo("#innerItem");
$("#overflow_div").scrollTo("#innerItem", 2000); //custom animation speed