花些时间检查“浏览器填充”菜单的“滚动”部分。中间部分的字段(当前显示 0 像素)对应于控制运动的关键位置(T 形手柄位置)。0 像素的默认设置意味着 T 形手柄设置为浏览器窗口的最上部边缘。
关键位置字段中指定的像素数表示您在“初始运动”部分中设置的更改将沿该方向并以该速度移动,同时页面将滚动到该位置。页面顶部从 0 处开始,当您向下滚动页面时,像素数将会增加。(在“控制”面板和“变换”面板中,离页面顶部的距离被称为 Y 值)。
当页面滚动通过关键位置(T 形手柄的位置)时,将会应用在“最终运动”部分中输入的值。
已应用运动滚动效果的元素(在此情况下,平铺图像设置为浏览器填充)将沿字段中的值大于 0 的方向移动。如果水平和垂直方向的值均设置为 0,则该元素实际上将被固定在页面上,不会发生移动。
在“初始运动”部分中,您会发现字段中的值旁边带有一个小写的“x”。这表示倍数。在浏览器填充图像中,“初始运动”部分表明浏览器填充将沿向上方向移动,速率为滚动速率的 1 倍。如果访客更快地滚动页面,滚动效果的运动将会加速,以便与页面滚动保持同步。
在水平(左和右)部分中,字段显示“0”,这表示浏览器填充不会沿水平方向左右滚动。
“最终运动”部分包含一个类似的界面。在浏览器填充图像中,浏览器填充设置为以 1 倍运动速率向上移动,并且不水平移动。
单击“初始运动”中的箭头按钮以指定垂直方向(向上或向下)和/或水平方向(向左或向右),以便控制浏览器填充的移动方向。
在“初始运动”部分中,输入数值或单击向上和向下箭头按钮,以设置水平和垂直滚动速度。下面将更详细地介绍这些设置。如果速度字段设置为 0,则表示该元素在滚动期间不会沿该方向移动(在到达关键位置之前)。
更新“最终运动”部分中的值以设置所需的方向,然后在相应字段中输入数值以设置滚动效果的移动速率。
要关闭“浏览器填充”菜单,请单击页面上的其他任意位置。
在浏览器中选择“文件”>“预览页面”,在一个新浏览器窗口中加载页面。滚动页面在查看滚动运动的效果。
完成测试之后,退出浏览器并返回到 Muse。
滚动运动可应用于页面上已将平铺或非平铺背景图像应用为填充的对象。请按照以下步骤操作:
在“设计”视图中编辑页面时,选择
页面
>
页面属性
。将“最小高度”设置为更高,例如 2000 像素,以确保页面长度足以滚动起来。单击“确定”以保存更改,并关闭“页面属性”对话框。或者,添加足够的页面内容以创建更长的页面。
在“设计”视图中,选择“控制”面板中的“矩形”工具。
在页面上绘制一个矩形。
使用“填充”菜单设置一个平铺或非平铺背景图像,以填充矩形。
Muse 在设计过程中提供了完全的灵活性,因为您可以选择拖动手柄或在关键位置字段中输入数值,以精确控制访客滚动页面时所发生的移动。
“填充”菜单中的“滚动”选项卡与“浏览器填充”中的“滚动”选项卡具有相同的工作方式:
选定已启用运动滚动效果的元素之后,使用“填充”菜单的“滚动”选项卡以数值形式设置关键位置,或者在页面上单击并拖动 T 形手柄以设置关键位置。
在“初始运动”部分中设置垂直和水平方向,以及相对于页面滚动速度的移动速率。此操作用于设置将在页面滚动到关键位置之前发生的运动。
在“最终运动”部分中设置垂直和水平方向,以及相对于页面滚动速度的移动速率。此操作用于设置将在页面滚动超过关键位置之后发生的运动。