/* 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: $("#div-you-are-scrolling-too").offset().top},'slow');