2026-06-02 15:00:05
通栏背景效果让自适应的通栏支持动态背景展示。你可以为通栏设置固定、轮播、垂直整屏滚动、横向整屏滚动四种效果,让网站从“静态背景”升级为“动态视觉”。
该功能适用于品牌展示、产品大图、活动页、作品集等场景,可通过背景动效提升页面视觉冲击力。
【版本】全版本支持。
【类型】自适应模板支持。
【效果类型】支持固定、轮播、垂直整屏滚动、横向整屏滚动四种背景效果。
在自适应模板设计页面,点击需要设置背景效果的通栏区域。
在右侧属性面板中,点击【设计通栏-效果】。
在效果设置中,选择需要的背景效果类型:
• 固定:背景图固定不动,页面内容从背景上滚过,形成视差效果。
• 轮播:背景图自动切换播放,适合展示多张图片。
• 垂直整屏滚动:背景图锁定全屏,内容需超出一屏,才可呈现整屏背景与内容滚动效果。
• 横向整屏滚动:列内容撑开全屏横向滚动,编辑器中可切换列查看,具体滚动效果需前往访客态预览。
每种背景效果提供配套设计素材,可直接添加使用。
• 四种效果同一时间只能选择一种,不可叠加使用。
• 轮播效果支持切换样式,可根据需要调整。
• 横向整屏滚动效果下,列内容会撑开全屏,建议添加多列设计;编辑器中可切换列来编辑,具体滚动效果需前往访客态预览。
• 建议使用高清大图或视频作为背景,确保展示时不模糊,效果更突出。
• 选中横向整屏滚动效果,则不支持设置列固定与模块滚动动画。
Q:一个页面可以设置不同通栏用不同效果吗?
A:可以。每个通栏独立设置背景效果,不同通栏可以使用不同的效果类型。
Q:手机端也能看到背景效果吗?
A:手机端暂不支持轮播,其他均支持。滚动类效果默认手机为无效果,但支持手动再独立设置手机或平板的通栏效果。