Фиксация элементов на экране при прокрутке
Чтобы важные действия (например, «Заказать» или «Помощь») всегда были под рукой у пользователя на всех этапах взаимодействия с сайтом, вы можете закрепить элемент в выбранной области экрана, обеспечивая его видимость при прокрутке страницы.
В этой статье вы узнаете, как закрепить следующие элементы:
1. Добавление фиксированной кнопки
- Для начала наведите на блок и нажмите на «плюс» в том месте, где хотите разместить элемент:
- Саму кнопку можно добавить двумя способами. Первый - с помощью готового элемента Закреплённая кнопка:
Второй - превратив обычную кнопку в закрепленную. В новом окне выберите элемент Кнопка для добавления в блок:
- Нажмите на добавленный элемент и кликните на «шестерёнку», чтобы перейти к настройкам кнопки:
- Чтобы зафиксировать кнопку, включите соответствующий переключатель в её настройках:
- После включения этой функции вы можете изменить расположение плавающей кнопки на экране по горизонтали ① и по вертикали ②, предварительно выбрав один из готовых пресетов позиции кнопки ③.
- Также вы можете включить функцию отображения при прокрутке, чтобы плавающая кнопка появлялась после определённого процента прокрутки страницы либо же после первого блока:
- Не забудьте опубликовать свой сайт, чтобы изменения отобразились на нём.
2. Добавление фиксированной иконки
- Для начала наведите на блок и нажмите на «плюс» в том месте, где хотите разместить элемент:
- В новом окне выберите элемент Иконка для добавления в блок:
- Нажмите на добавленный элемент и кликните на «шестерёнку», чтобы перейти в его настройки:
- Чтобы зафиксировать иконку, включите соответствующий переключатель в её настройках:
- После включения этой функции вы можете изменить расположение плавающей иконки на экране по горизонтали ① и по вертикали ②, предварительно выбрав один из готовых пресетов позиции ③.
- Также вы можете включить функцию отображения при прокрутке, чтобы фиксированная иконка появлялась после определённого процента прокрутки страницы либо же после первого блока:
- Не забудьте опубликовать свой сайт, чтобы изменения отобразились на нём.
Последнее изменение: 20/05/2025
Спасибо!