hello@kakorin.com

Плавный якорь

Для того чтобы при клике на якорь происходило плавное перелистывание к якорю достаточно:

  1. Создать архитектуру
    <a href="#anchor">Якорь</a>
    <div id="anchor">Блок к которому нужно плавно спуститься</div>
    
    
  2. Подключить jQuery
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    
    
  3. Вставить следующий скрипт
    $('a[href^="#"]').click(function(){
        var el=$(this).attr('href');
        $('html, body').animate({
            scrollTop:$(el).offset().top
        },2000);
        return false; 
    });