Скроллинг внутри фрейма


Если у вас есть необходимость сделать пролистываемый фрейм внутри дизайна, например, для пролистывания новостной ленты или какой-либо карусели(аналог overflow: scroll в CSS), вам надо настроить параметры внешнего фрейма. 

Структура может выглядеть так:

— Фрейм, внутри которого будет происходить пролистывание (Frame 1)

— Фрейм с пролистываемым контентом (Frame 2)

—- Контент

Структура фреймов
Структура фреймов

 

Расположение фреймов
Расположение фреймов

 

Настроим Frame 1 следующим образом:

  1. Откройте раздел Prototype в правой панели с параметрами
  2. Найдите Overflow Behavior 
  3. Выберите один из подходящих вариантов: без скроллинга, горизонтальный, вертикальный и скроллинг по обеим осям
Вкладка прототипа
Вкладка прототипа

 

Выбор скроллинга
Выбор скроллинга

Видео работы

Обратите внимание, что настройка скроллинга не связана с Interaction и не требует настройки триггера и события. 

Скроллинг работает только в режиме презентации. 

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:


👋 Курс дизайнера за полцены: сформируйте портфолио и найдите высокооплачиваемую работу. Помощь с трудоустройством!

По теме:


<