Кнопка «Наверх»

Кнопка «Наверх»: для чего нужен

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

Выберите сторону, цвета, размер, форму, отступ от края и порог появления. Код использует настоящую кнопку с подписью, появляется с короткой анимацией, плавно прокручивает только тех, кто не просил меньше движения, не даёт невидимой кнопке получать фокус и переносит фокус в начало страницы.

Как пользоваться

1. Выберите сторону, цвета и размер.
2. Задайте отступ и порог появления.
3. Скопируйте код и вставьте перед концом body.

Когда использовать

• Блог и длинные статьи.
• Магазин с большими списками товаров.
• Меню и каталоги.

Частые вопросы

Когда появляется кнопка?

После того как человек прокрутит страницу дальше выбранной вами высоты (по умолчанию — один экран). На коротких страницах она не появляется никогда, что избавляет от бесполезной кнопки поверх контента.

Мешает ли она кнопке WhatsApp?

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

Почему фокус переходит наверх?

Тот, кто пользуется клавиатурой или программой чтения с экрана, после нажатия кнопки должен продолжать навигацию с начала страницы. Код переносит фокус на первый элемент, а не только прокручивает экран.

Правда бесплатно?

Да, 100% бесплатно. Без регистрации, без подписки и без ограничений использования. Все инструменты Tools123 бесплатны.

Похожие инструменты