Задача. Нужно сделать простую кнопку для прокрутки страницы вверх на HTML + CSS, не используя JavaScript.

Решение. Простое решение в Код №1. Нужно разместить два блока: один — будет меткой (якорем) куда будет прокручиваться страница, а второй — непосредственно кнопкой для скрола вверх.

Код №1: Прокрутка вверх на HTML и CSS.

Вместо «ВВЕРХ» можно вставить иконку <span class="dashicons dashicons-arrow-up-alt2"></span>, но тогда нужно их подключить для вывода на сайте (в functions.php добавить Код №2), т.к. по умолчанию Dashicons выводятся только в админ-панели.

Код №2: Подключение иконок dashicons на сайте
5 1 голос
Рейтинг статьи
Подписаться
Уведомить о
guest

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.

0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии