Скрипт для плавного скролла к блоку при клике на ссылку. С использованием библиотеки jQuery.
Верстка:
//Ссылка с якорем register_scroll<a href="#register_scroll" class="js-scroll-to-form">Принять участие</a>//Блок<section id="register_scroll"> Какая-то важная информация </section>
Сам скрипт:
$(document).ready(function(){
$(".js-scroll-to-form").click(function (event) {
//отменяем стандартную обработку нажатия по ссылке event.preventDefault();
//забираем идентификатор бока с атрибута href var id = $(this).attr('href'),
//узнаем высоту от начала страницы до блока на который ссылается якорь top = $(id).offset().top;
//анимируем переход на расстояние - top за 1000 мс $('body,html').animate({scrollTop: top}, 1000);
});
});