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




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

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

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

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

—- Контент



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

 

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

 

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

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

 

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

Видео работы

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

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

Помогла ли вам эта статья?

Вы уже голосовали
Комментариев: 3
  1. Совой

    Как мне сделать этот скрол внутри фрейма на своём сайте Сочи?

    1. SVGPNG.RU (автор)

      Наймите веб-разработчика :smile:

      1. Аноним

        Полезно!

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

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