База знаний no-code платформы Taptop

Как заблокировать прокрутку страницы при открытом меню или Pop-up

Раньше при открытии всплывающего окна или мобильного меню пользователь мог прокручивать фоновую страницу — часто даже не замечая этого. В результате он мог запутаться в навигации и пропустить важную информацию.

Теперь такую ситуацию можно легко предотвратить — достаточно включить одну настройку.

Смотрите видео:

  • Kinescope
  • VK Video
  • RuTube
  • YouTube
  • Vimeo

Блокировка скролла для Pop-up

Шаг 1: Выберите Pop-up

В панели Слои выберите нужный Pop-up и откройте его настройки на правой панели.

BlockNote image

Шаг 2: Включите блокировку прокрутки

Найдите в настройках раздел Общие.

Установите галочку «Блокировать прокрутку страницы».

BlockNote image

Блокировка скролла для меню

Шаг 1: Выберите меню

Выберите элемент Menu на холсте или в слоях и откройте его настройки на правой панели.

BlockNote image

Шаг 2: Включите блокировку прокрутки

В правой панели найдите раздел Общие.

Установите галочку «Блокировать прокрутку страницы».

BlockNote image

Результат

Перейдите в режим предпросмотра. Попробуйте открыть мобильное меню или Pop-up — страница теперь остается на месте и не прокручивается.

BlockNote image

Резюме

Чтобы заблокировать прокрутку страницы при открытом меню или Pop-up:

Выберите нужный элемент в слоях.

В настройках в разделе Общие включите опцию «Блокировать прокрутку страницы».

Протестируйте результат.

Всего одна настройка — и пользователь больше не потеряет контекст при работе с сайтом.

Похожие статьи

Почему не стоит задавать фиксированную высоту для родительского элемента?
Как сделать градиентную обводку для блока
Как перенести стили из Figma в Taptop
Как быстро переименовать слой по названию класса
Как редактировать текст через настройки элемента
Как заблокировать прокрутку страницы при открытом меню или Pop-up | База знаний конструктора сайтов Taptop