Описание

Как заставить страницу прокручиваться до определённого блока по нажатию на кнопку.
Много видел примеров на лендингах, но скрипт, который это делает, так и не смог найти.

Комментарии 2

  1. +1

    Kylaksizov

    $("a.scroll").click(function () {
       var elementClick = $(this).attr("href");
       var destination = $(elementClick).offset().top-100;
       jQuery("html:not(:animated),body:not(:animated)").anima
    te({scrollTop: destination}, 1000);
       return false;
    });


    По нажатию на ссылку с классом scroll, страница будет прокручиваться до блока с элементом, который имеет id указанный в href ссылки.
    Т.е. если ссылка будет такая:

    <a href="#test" class="scroll">Поехали</a>


    То страница прокрутится до блока с идентификатором test.
    top - 100; - указывает сколько пикселей сверху отступить от верхней границы окна браузера.
    .animate({scrollTop: destination}, 1000); - указывает с какой скорость будет прокручиваться страница, например 1000 млс., т.е. 1 секунда.
    24.07.2015 17:02
    1. 0

      Master

      Спасибо, работает!
      24.07.2015 17:06
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.

Похожие товары