Как заблокировать прокрутку страницы при открытом меню или Pop-up
Раньше при открытии всплывающего окна или мобильного меню пользователь мог прокручивать фоновую страницу — часто даже не замечая этого. В результате он мог запутаться в навигации и пропустить важную информацию.
Теперь такую ситуацию можно легко предотвратить — достаточно включить одну настройку.
Смотрите видео:
https://vk.com/video-219751701_456239461
Блокировка скролла для Pop-up
Шаг 1: Выберите Pop-up
В панели Слои выберите нужный Pop-up и откройте его настройки на правой панели.
Шаг 2: Включите блокировку прокрутки
- Найдите в настройках раздел Общие.
- Установите галочку «Блокировать прокрутку страницы».
Блокировка скролла для меню
Шаг 1: Выберите меню
Выберите элемент Menu на холсте или в слоях и откройте его настройки на правой панели.
Шаг 2: Включите блокировку прокрутки
- В правой панели найдите раздел Общие.
- Установите галочку «Блокировать прокрутку страницы».
Результат
Перейдите в режим предпросмотра. Попробуйте открыть мобильное меню или Pop-up — страница теперь остается на месте и не прокручивается.
Резюме
Чтобы заблокировать прокрутку страницы при открытом меню или Pop-up:
- Выберите нужный элемент в слоях.
- В настройках в разделе Общие включите опцию «Блокировать прокрутку страницы».
- Протестируйте результат.
Всего одна настройка — и пользователь больше не потеряет контекст при работе с сайтом.