Привет друзья! В продолжении темы:Кнопка «Вверх» плавная прокрутка страницы на jQuery. Наверняка, на многих сайтах вы видели кнопку «Вверх страницы», по нажатию на которую вы перемещаетесь в самый верх страницы. Сегодня я покажу  вам, как сделать такую кнопку, причем, она будет иметь несколько особенностей: во-первых, она будет появляться при прокрутке страницы вниз, а во-вторых, страница не будет прыгать вверх, как на многих сайтах, а плавно прокручиваться вверх.Я решил показать очень простой способ как это сделать. Чтобы было понятнее, посмотрите демо и мы приступим.

Кнопка «Вверх» плавная прокрутка страницы на jQuery установка:

Заходим в Дизайн - Добавить гаджет - HTML/javascript
Копируем предоставленный код и вставляем в поле гаджета:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script src='http://dl.dropbox.com/u/48089857/script'/></script>

  Вот пожалуй и всё. Всего доброго.


Ух ты кнопочки! Понравилась статья? Поделитесь с друзьями в соцсетях:


14 коммент. :

  1. Хорошо)
    А как её на левую сторону сделать?)

    ОтветитьУдалить
  2. Тут на левую не сделаешь.В самом скрипте менять надо.А ВОТ ТУТ МОЖНО http://forbloggerhelp.blogspot.com/2011/10/bloggerjquery-scroll-to-top.html

    ОтветитьУдалить
  3. Там уже я смотрел, но почему-то плавно не получилось сделать...
    Да и так вроде хорошо вписывается)

    ОтветитьУдалить
  4. Там плавно второй вариант.А зачем на левую сторону.Ведь большинство людей правши и им удобней чтобы с правой стороны кнопка была.

    ОтветитьУдалить
  5. У меня что-то там не получилось)
    И, да, справа поудобнее.
    Кстати, вот тут: http://forbloggerhelp.blogspot.com/2011/11/kak-sozdat-jeffekt-zagnutoj-stranicy.html у меня тоже не получилось, потому что не нашёл < body >.
    А кнопочка хорошая)

    ОтветитьУдалить
  6. Этот код находится в самом низу шаблона надо пользоваться сочетанием клавиш Ctrl+F легко ищется.И У ТЕБЯ ЗДЕСЬ В КОДЕ НЕТ /.

    ОтветитьУдалить
  7. "Внимание: копируйте код полностью,так как он с прокруткой
    Дальше ищем другую строчку < body > и вставляем после < body > код:"

    Может тогда стоит подправить статью?

    ОтветитьУдалить
  8. Извини,но там всё правильно всё проверил.Это я в комменте ошибся палочка / не нужна.Запросто всё ищется сочетанием клавиш Ctrl+F пользуйся.

    ОтветитьУдалить
  9. Максим Сафронов4 мая 2012 г., 21:28

    Спасибо!!!!Как же долго я искал готовый скрипт!

    ОтветитьУдалить
  10. Андрей Кочерга2 декабря 2012 г., 20:19

    Кривой какой-то. Если бы полупрозрачный, по типу твоего.

    ОтветитьУдалить
  11. Да пожалуйста: http://new-school-blogger.blogspot.ru/2011/11/knopka-vverh-dlja-bloggerscroll-to-top.html

    ОтветитьУдалить
  12. Андрей Кочерга25 марта 2013 г., 16:31

    спасибо!

    ОтветитьУдалить