Плавная прокрутка до элемента jquery

  • Описание
  • Комментарии 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 июля 2015 17:02 Ответить
    1. 0

      Master

      Спасибо, работает!
      24 июля 2015 17:06 Ответить

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

В корзине: 0 шт.

на сумму: 0

Всего: 0

Оформить заказ Очистить корзину