Javascript

Плавный scroll к блоку при клике на ссылку

Скрипт для плавного скролла к блоку при клике на ссылку. С использованием библиотеки 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);
    });
});

сайт на Bitrix

Территориально я нахожусь в Санкт-Петербурге, но могу и готова работать со всеми, вне зависимости от вашего местоположения. Вы можете написать мне через форму обратной связи, либо связаться через социальные сети. Ознакомиться с портфолио можно здесь и здесь.

Социальные сети

Рандом новостей