Блог

Плавный переход по ссылкам\якорям на JQuery

Очень простенький код для реализации плавного анимированного перехода по ссылкам-якорям, данный код добавляет ко всем ссылкам с якорями плавный переход, при желании это можно изменить поменяв селектор JQuery на необходимый:

$(function () {
    // Плавный переход по якорям
    $('a[href^="#"]').click(function(){
        //Сохраняем значение атрибута href в переменной:
        var target = $(this).attr('href');
        $('html, body').animate({scrollTop: $(target).offset().top}, 800);
        return false;
    });
});

 

Оставить комментарий

avatar