构建滚动进度指示器

滚动进度指示器可以帮助访问者跟踪他们在页面上的位置。

在这节课中:

1. 设计进度条
2. 设置一个滚动触发器
3. 设置滚动动画
4. 封面变换原点
   

设计进度条

1. 创建一个Div块
2. 它的名字
3. 设置背景颜色，这样你就可以看到你的样式
4. 把它放在你喜欢的地方
5. 给它一个100%的宽度
6. 给它一个高度(例如，10像素)
7. 将它的位置固定在视口的左上角
8. 给它一个足够高的z - index价值它总是在最上面

设置一个滚动触发器

从页面触发菜单的的相互作用面板中,选择当页面滚动时

就是这样!那么简单。

设置滚动动画

1. 从在滚动菜单的的相互作用面板中,选择播放滚动动画
2. 旁边滚动动画点击加号
3. 命名它(例如，“滚动进度”)
4. 确保你的元素被选中，点击加号在0%，然后选择规模从下拉
5. 下规模，将x轴位置改为0
6. 点击100%以下的进度条规模将x轴位置更改为1
   

封面变换原点

1. 在风格面板，向下滚动到影响
2. 单击更多的选择旁边的图标(省略号)2D和3D转换
3. 设置起源左边