...

Как в Figma закрепить элемент (Fixed)




Фигма позволяет присваивать элементам, таким как слой или группа, параметр, аналогичный позиционированию Fixed в CSS. 

 

Где применяется

Данная настройка работает только в режиме презентации при просмотре прототипа, в редакторе элемент не фиксируется. 

Фиксированная шапка
Фиксированная шапка
Фиксированная шапка
Фиксированная шапка

Как установить

Для установки свойства в параметрах «Constainst» выставьте чек-бокс «Fix position when scrolling». 

Чек-бокс "Fix position when scrolling"
Чек-бокс «Fix position when scrolling»

Вы можете применять данную настройку сразу к нескольким элементам

Комментариев: 8
  1. Райса

    а как сделать, чтобы позиция бокового меню была зафиксирована только на определенном участке, а далее ее не было , чтобы не мешала при скролинге до конца фрейма

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

      Увы, пока никак

  2. Аноним

    А если нет этой настройки??????77

    1. Анита

      значит твой объект находиться внутри другого фрейм/группы/объекта, что ломает логику, т.к. элемент (для закрепа) должен находиться вне других упаковок. :grin:

  3. Сергей

    А как сделать слои-scrolls выше слоёв-fixed?

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

      Кажется, никак :o

  4. Алибек

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

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

      Странные дела) Убедитесь, что элементы с Fixed находятся внутри того фрейма, который вы просматриваете. Также посмотрите настройки прототипа, может там что-то подлагивает.

      Если хотите, отправьте макет на support@svgpng.ru, гляну, может что увижу 💁‍♂️

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

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


🪣 Выбираем самые полезные плагины

По теме: