固定组件

概述

固定组件功能使您可以在墨刀原型演示时将特定元素固定在页面上的固定位置,无论用户滚动页面到何处,这些元素都会保持可见。

墨刀提供了三种固定模式:不固定、相对顶部固定和相对底部固定。

使用方法

设置组件固定位置

  1. 选择元素:在编辑模式下,选择您想要固定的组件或元素。
  2. 运行固定位置设置:在选中元素后,打开右侧的外观设置面板,在“演示时固定位置”选项下,选择适当的固定模式。

设置屏幕固定区域

在页面中,固定区域功能允许您将页面的一部分内容固定在页面中,确保该区域在页面滑动时保持不动。固定区域的主要作用是帮助用户在滑动页面时保留关键内容,适用于长页面的设计场景。

  1. 选择固定区域: 选中页面,左侧出现两个可以拉动的标志,您可以通过拉动选择页面中需要固定的部分,该区域将被锁定,不随页面的滑动而移动。这种功能适用于顶部导航、底部菜单等需要始终显示的部分。
  2. 直接输入数值: 您也可以在右侧屏幕固定区域处直接输入数值,选择您想要固定的部分。

运行效果

设置好固定位置后,您可以在演示模式下预览固定效果。无论用户如何滚动页面,固定的元素都会保持在设定的位置不变。

这篇文章帮助到你了吗?

线

墨刀用户交流群