一、使用场景

电脑网站通栏及横幅背景。

滚动网页时，背景与模块以不同的滚动速度展示，利用滚动视差效果，打造高端设计网站。

二、功能说明

【版本】初级版及以上版本

三、设置教程

1. 横幅滚动视差配置

鼠标悬停在横幅上，选择“编辑横幅”。

进入到弹窗中选择“高级”，在图片效果栏中选择“固定，不跟随页面滚动”，即可形成网页滚动后，横幅的背景图片固定不动，直到被下一模块覆盖才消失的效果。

2. 其他通栏滚动视差配置

选择“ 编辑通栏模块 ” 按钮。

在弹窗中选择“固定，不跟随页面滚动”效果即可将模块背景固定，还能调整模块滚动的速度。

效果使用建议

以下补充内容用于帮助你在使用滚动视差效果时，更平衡视觉冲击和页面可读性：

• 适用场景：更适合品牌展示、首屏视觉或专题页面，不建议在信息密度很高的内容页滥用。
• 背景选择：视差背景图建议主体清晰、层次分明，避免图像过乱影响前景文字阅读。
• 性能考虑：动效会增加页面渲染负担，建议上线前在低性能设备或较慢网络环境中也做预览。
• 可读性优先：如果视差背景上叠加标题和按钮，建议先保证文字对比度，再考虑效果强弱。