наверх

Кнопка наверх для сайта на jQuery

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

Для функционирования данной кнопки понадобится библиотека jQuery. Убедитесь что она подключена на вашем сайте. Далее чтобы сделать кнопку наверх необходимо выполнить три простых шага.

1. Создание разметки кнопки:

2. Оформление:

Оформление может быть любое, тут главное фиксированное позиционирование и то что кнопка скрыта по умолчанию.

3. Скрипт кнопки наверх:

Здесь с помощью свойства scrollTop измеряется дистанция от верха окна браузера и если она больше нуля, то кнопка «наверх» становится видимой.

jQuery, Верстка