Как сделать кнопку плавной прокрутки вверх при помощи JQuery

В данной статье мы рассмотрим способ создания кнопки прокрутки страницы вверх при помощи jQuery.Эта кнопка размещается в нижней части страницы, справа. Данная кнопка появляется когда вы листаете страницу вниз. Этот метод реализован при помощи небольшого кусочка CSS и JavaScript кода, ну и картинки которая используется в качестве кнопки.
Данная кнопка хороша тем, что для создании не нужно писать много скриптов, и у нее есть довольно-таки не плохие эффекты.

Что нам нужно

Изображение

HTML код:

Данный HTML код нужно вставить перед закрывающим тэгом </body>

CSS стили:

При помощи данных стилей, мы определяем позицию кнопки и задаем для нее отступы 50px снизу и 100px справа. Данный стили лучше добавить в файл с вашими стилями.

jQuery:

Сначала нужно подключить библиотеку jQuery, если она еще не подключена. Сделать это можно при помощи данного скрипта, вставив его между тегами <head></head>

Затем нам нужно расположить следующий код. Это можно сделать как между <head></head>, так и перед закрывающим тэгом </body>.

Вот весь процесс создания кнопки для прокрутки страницы вверх.

Надеюсь эта статья была для вас полезной 🙂

Не забудьте подписаться на нас в телеграмме а также в соц. сетях 😉

Оставьте ответ

comment-avatar

*