跳转到内容
免费安装
简体中文
在 Claude 中打开 就此页面提问在 ChatGPT 中打开 就此页面提问

动画和分组

横幅如何出现、如何滚动,以及如何在分组之间循环切换。

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

Design 面板的 Animation 部分,包含 Entrance、Speed、Change group every 和 Group transition 设置

入场动画只播放一次;分组切换会重复进行。

页面加载时横幅的表现。

入场动画 效果
None 横幅直接显示
Fade in 渐渐出现
Slide down 从上方滑入
Slide in from left 从左边缘进入
Slide in from right 从右边缘进入
Continuous scroll 消息在横幅中不断来回滚动

Speed 设置入场动画所需的时间。对于连续滚动,它会变为 Scrolling speed,表示文字移动的快慢,而不是所需的时间。

值得单独说明。消息从横幅的一侧滚动到另一侧,滚动结束后,下一个分组开始自己的一轮滚动,永不停止。

由此带来两点:

  • 它适合无法在一行内显示的长消息
  • 当买家的指针停在横幅上时,它会暂停,因此其中的按钮仍可点击

只有当横幅有多个分组时,才会出现这些设置。

Change group every 是每个分组在屏幕上停留的秒数。

Group transition 是一个分组切换到下一个分组的方式:

切换方式 效果
Cross-fade 一个淡出的同时,下一个淡入
Slide 横幅横向滑动,类似轮播

选择滑动后会增加一个选项:Arrows。开启后,横幅两端会出现小的 ‹ 和 › 控件,买家可以自行在分组之间切换。

无论是否有箭头,买家也可以左右滑动或拖动横幅。

循环没有断点。过了最后一个分组后,会直接继续到第一个,而不会倒回经过中间的所有分组。

该部分底部的 Preview animation 会在构建器中间的店面模拟图上播放入场动画和分组轮播,因此您无需保存并重新加载即可评估效果。

再次点击可停止。模拟图会回到您正在编辑的分组。

已要求设备减少动态效果的买家看到的横幅不会有动态效果:入场动画不会播放,跑马灯不会滚动,分组也不会自动切换。箭头和滑动仍然可用。

这对您有帮助吗?