Vibe
Website

极致与舒适的碰撞,让氛围感自然拉近与用户的距离

Explore Now

两种独立站类型

无论您是拓展B端客户,还是直接面向消费者,我们都能为您提供适合的解决方案。

B2B询盘
TO C商城

服务内容

以用户为导向,实现业务增长。

Explore Now
COMFORT
DRIVEN

3. 如何实现卡片“向下滚动切换”的丝滑感

如果你希望右侧卡片在进入视野时有淡淡的动画(比如位移或渐变),可以使用 Bricks 原生的 Interactions,而不需要写复杂的 JS:

  1. 选中 Block (Card)

  2. 进入 Interactions 面板。

  3. Trigger: Enter Viewport

  4. Action: Start Animation (选择 Fade In Up 或自定义)。

  5. Viewport Threshold: 设置为 0.2 (意味着卡片露出 20% 时触发)。

3. 如何实现卡片“向下滚动切换”的丝滑感

如果你希望右侧卡片在进入视野时有淡淡的动画(比如位移或渐变),可以使用 Bricks 原生的 Interactions,而不需要写复杂的 JS:

  1. 选中 Block (Card)

  2. 进入 Interactions 面板。

  3. Trigger: Enter Viewport

  4. Action: Start Animation (选择 Fade In Up 或自定义)。

  5. Viewport Threshold: 设置为 0.2 (意味着卡片露出 20% 时触发)。

3. 如何实现卡片“向下滚动切换”的丝滑感

如果你希望右侧卡片在进入视野时有淡淡的动画(比如位移或渐变),可以使用 Bricks 原生的 Interactions,而不需要写复杂的 JS:

  1. 选中 Block (Card)

  2. 进入 Interactions 面板。

  3. Trigger: Enter Viewport

  4. Action: Start Animation (选择 Fade In Up 或自定义)。

  5. Viewport Threshold: 设置为 0.2 (意味着卡片露出 20% 时触发)。

最新动态

探索更多