Описание

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

Комментарии 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 Ответить

Добавить комментарий

    • Смайлы и люди
      Животные и природа
      Еда и напитки
      Активность
      Путешествия и места
      Предметы
      Символы
      Флаги
Кликните на изображение чтобы обновить код, если он неразборчив

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