Плавная прокрутка Jquery

Тема в разделе "JavaScript", создана пользователем delitme, 26 июл 2014.

  1. TopicStarter Overlay
    delitme
    Оффлайн

    delitme Администратор Команда форума

    Вместе с:
    15 окт 2013
    Сообщения:
    390
    Симпатии:
    34
    Баллы:
    28
    И так, как же сделать плавную прокрутку страницы Jquery до нужного элемента.

    Имеем где то на странице кнопку
    HTML:
     <span class="KNOPKAAA">Наша кнопка</span>
    по нажатии на которую страница должна покрутиться до заголовка
    HTML:
    < h3 id="KNOPKAAA" >Какой-то заголовок</div>
    Заметьте, в моем примере класс кнопки и id заголовка одинаковы и равны KNOPKAAA

    Сам скрипт
    HTML:
    $('span.KNOPKAAA').live('click', function(){
           var target = $(this).attr('class');
           $('html, body').animate({scrollTop: $('h3#'+target).offset().top}, 800);
    }); 
    
    Все! Теперь при клике на кнопку страничка прокрутится к заголовку
  2. JJYL
    Оффлайн

    JJYL Новичок

    Вместе с:
    1 июл 2015
    Сообщения:
    1
    Симпатии:
    0
    Баллы:
    1
    Спасибо, дружище, помог))

Поделиться этой страницей