动画和分组
横幅如何出现、如何滚动,以及如何在分组之间循环切换。
动画设置位于 Design 面板的底部。它涵盖两个相互独立的方面:横幅如何出现在页面上,以及如何在分组之间切换。

入场动画只播放一次;分组切换会重复进行。
页面加载时横幅的表现。
| 入场动画 | 效果 |
|---|---|
| None | 横幅直接显示 |
| Fade in | 渐渐出现 |
| Slide down | 从上方滑入 |
| Slide in from left | 从左边缘进入 |
| Slide in from right | 从右边缘进入 |
| Continuous scroll | 消息在横幅中不断来回滚动 |
Speed 设置入场动画所需的时间。对于连续滚动,它会变为 Scrolling speed,表示文字移动的快慢,而不是所需的时间。
值得单独说明。消息从横幅的一侧滚动到另一侧,滚动结束后,下一个分组开始自己的一轮滚动,永不停止。
由此带来两点:
- 它适合无法在一行内显示的长消息
- 当买家的指针停在横幅上时,它会暂停,因此其中的按钮仍可点击
在分组之间切换
Section titled “在分组之间切换”只有当横幅有多个分组时,才会出现这些设置。
Change group every 是每个分组在屏幕上停留的秒数。
Group transition 是一个分组切换到下一个分组的方式:
| 切换方式 | 效果 |
|---|---|
| Cross-fade | 一个淡出的同时,下一个淡入 |
| Slide | 横幅横向滑动,类似轮播 |
选择滑动后会增加一个选项:Arrows。开启后,横幅两端会出现小的 ‹ 和 › 控件,买家可以自行在分组之间切换。
无论是否有箭头,买家也可以左右滑动或拖动横幅。
循环没有断点。过了最后一个分组后,会直接继续到第一个,而不会倒回经过中间的所有分组。
该部分底部的 Preview animation 会在构建器中间的店面模拟图上播放入场动画和分组轮播,因此您无需保存并重新加载即可评估效果。
再次点击可停止。模拟图会回到您正在编辑的分组。
已要求设备减少动态效果的买家看到的横幅不会有动态效果:入场动画不会播放,跑马灯不会滚动,分组也不会自动切换。箭头和滑动仍然可用。