滚动进度指示器可帮助用户追踪他们在页面上的位置。
在本教程中:
- 制定晋升标准
- 建立滚动触发器
- 组织滚动动画
- 封面改动来源
制定晋升标准
- 生成 分区块
- 标记
- 设置背景颜色以获得更好的可见性
- 将其放置在您想要的位置
- 指定其宽度为 100%
- 分配高度(例如 10 像素)
- 将其放置在视口的左上角
- 分配足够高的 z-index 值以确保它保持在顶部
建立滚动触发器
来自 页面触发器 菜单内的 互动 面板,选择 页面滚动时
就这些!太简单了。
组织滚动动画
- 在 滚动时 菜单中的 互动 面板,选择 播放滚动动画
- 毗邻 滚动动画,点击加号
- 命名(例如,“滚动进程”)
- 确保选择了您的元素,然后单击 0% 处的加法符号并选择 规模 从列表中
- 下面 规模,修改x轴位置为0
- 点击100%及下方的进度条 规模 将 x 轴位置切换为 1
封面改动来源
- 在里面 风格 面板,滚动至 效果
- 按 其他选项 图标(省略号)旁边 2D 和 3D 变换
- 分配 起源 向左转
Ewan Mak 的最新帖子 (查看全部)
- 包括或删除工作区位置和成员 - 2024 年 4 月 15 日
- 定心盒摘要 - 2024 年 4 月 15 日
- 存储网站以供将来参考 - 2024 年 4 月 15 日