přejděte na prvek jquery
$('html, body').animate({
scrollTop: $("#grepperRocks").offset().top
});
jQuery přejděte na prvek
$("#button").click(function() {
$([document.documentElement, document.body]).animate({
scrollTop: $("#elementtoScrollToID").offset().top
}, 2000);
});
hladký svitek jQuery onclick
$("#button").click(function() {
$('html, body').animate({
scrollTop: $("#myDiv").offset().top
}, 2000);
});
jquery přejděte na začátek div
$('#DIV_ID').scrollTop(0);
jquery přejděte na id
$('html, body').animate(
{
scrollTop: $($(this).attr('href')).offset().top,
},
500,
'linear'
)
jquery přejděte na konkrétní 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
*/
})