Создание сайтов > Программирование > Делаем плавный скролл наверх

Делаем плавный скролл наверх

Делаем скролл наверх с помощью jQueryСогласитесь, не совсем удобно после прочтения страницы сайта использовать скрол используемого манипулятора (мышь, touch-pad и т.д.). Куда удобнее, нажать на ссылку наверх и переместится на исходное положение страницы. Сегодня я расскажу, как сделать плавный скролл наверх страницы. 🙂

В практически всех современных дизайнах есть такая полезная стрелочка, которая поднимает фокус экрана в «шапку» сайта. Зачастую программисты делают это так: создают якорь, и тогда мы нажимаем на эту ссылку, мы рывком перекидываетесь на вверх страницы.

Я же уже очень давно использую скрипт плавного скролла на jQuery:

1) Первое, что нам необходимо сделать — это подключить фреймворк jQuery;
2) Затем вставляем следующий код:

Надеюсь, что это поможет Вам при создании Ваших самых серьезных проектов 🙂 Благодарю за внимание!

20 декабря 2011 в 12:274 комментария Программирование

Комментарии — 4 комментария

  1. #15360 Mikluha в 14:22, 4 мая 2012:

    Ответить | Цитировать

    $(‘html, body’) в IE не пашет почему то…

  2. #18785 Snouphruh в 11:07, 26 декабря 2012:

    Ответить | Цитировать

    не признаю jQuery вообще!
    можно пример кода без использования jQuery?

  3. #18813 Дмитрий в 19:24, 20 января 2013:

    Ответить | Цитировать

    @ Snouphruh:
    если jquery не признаешь, значит на чистом js должен ументь писать все сам. А так, ты себя как школота ведешь.

  4. #20464 Дмитрий в 17:55, 18 июня 2013: (подписался)

    Ответить | Цитировать

    Всё просто и понятно, спасибо.
    К Выше сказанному в IE 9 и выше работает

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

имя:

e-mail:

сайт:

текст:

Subscribe without commenting