了解如何使用 Adobe Muse,在浏览器和网站的背景填充中添加滚动效果。
滚动效果允许控制浏览器背景填充图像以及平铺或非平铺页面元素的速度。滚动效果可应用于浏览器填充,这些填充使用平铺、缩放以适应、缩放以填充或设置为原始大小的背景图像。浏览器填充按照页面滚动的方向移动,具体取决于您在“浏览器填充”菜单的“滚动”部分中设置的方向和速度。
滚动选项将会变暗且不可用,除非您使用“浏览器填充”菜单在浏览器填充背景中添加一幅图像。如果浏览器填充中仅填充了一种固定或渐变颜色,则不能对其应用滚动效果。
要设置浏览器填充的滚动运动效果,请执行以下步骤:
花些时间检查“浏览器填充”菜单的“滚动”部分。中间部分的字段(当前显示 0 像素)对应于控制运动的关键位置(T 形手柄位置)。0 像素的默认设置意味着 T 形手柄设置为浏览器窗口的最上部边缘。
关键位置字段中指定的像素数表示您在“初始运动”部分中设置的更改将沿该方向并以该速度移动,同时页面将滚动到该位置。页面顶部从 0 处开始,当您向下滚动页面时,像素数将会增加。(在“控制”面板和“变换”面板中,离页面顶部的距离被称为 Y 值)。
当页面滚动通过关键位置(T 形手柄的位置)时,将会应用在“最终运动”部分中输入的值。
已应用运动滚动效果的元素(在此情况下,平铺图像设置为浏览器填充)将沿字段中的值大于 0 的方向移动。如果水平和垂直方向的值均设置为 0,则该元素实际上将被固定在页面上,不会发生移动。
在“初始运动”部分中,您会发现字段中的值旁边带有一个小写的“x”。这表示倍数。在浏览器填充图像中,“初始运动”部分表明浏览器填充将沿向上方向移动,速率为滚动速率的 1 倍。如果访客更快地滚动页面,滚动效果的运动将会加速,以便与页面滚动保持同步。
在水平(左和右)部分中,字段显示“0”,这表示浏览器填充不会沿水平方向左右滚动。
“最终运动”部分包含一个类似的界面。在浏览器填充图像中,浏览器填充设置为以 1 倍运动速率向上移动,并且不水平移动。
将鼠标悬停在“滚动”选项卡一角的“信息”按钮上方(i 图标),了解滚动效果如何应用于浏览器填充。
滚动运动可应用于页面上已将平铺或非平铺背景图像应用为填充的对象。请按照以下步骤操作:
请注意,已为滚动运行启用了元素上方显示的 T 形手柄。该手柄是关键位置的可视表示形式(当前设置为元素上方的 100 像素处)。“滚动”选项卡中间部分的图标对应于 T 形手柄在页面上的位置。您可以在中间位置输入新值,或者在页面上拖动 T 形手柄,以将关键位置重置为滚动效果将会发生的位置。当您拖动 T 形手柄时,关键位置上方的区域将暂时变暗。
T 形手柄不一定需要相对于选定元素向上延伸。您可以单击并拖动 T 形手柄以使其与元素的顶部边缘对齐,或者拖动 T 形手柄以使其在元素下方延伸。
Muse 在设计过程中提供了完全的灵活性,因为您可以选择拖动手柄或在关键位置字段中输入数值,以精确控制访客滚动页面时所发生的移动。
“填充”菜单中的“滚动”选项卡与“浏览器填充”中的“滚动”选项卡具有相同的工作方式:
在带有滚动属性的图像中,矩形设置为朝右移动,按访客滚动速度的 3 倍移动到位,并在浏览器中的页面到达关键位置时到达其设计中的位置。一旦访客滚动超过关键位置(100 像素),矩形开始以访客滚动速度的 3 倍朝左移动到位置以外。在此示例中,矩形没有垂直移动,因为两个垂直字段均已设置为 0。
登录到您的帐户