mastergo ai 不直接生成滚动交互动效，但能输出具备滚动结构的静态页面，再通过原型功能添加滚动行为；需在提示词中明确滚动类型、容器尺寸、内容体量和视觉提示，并手动设置水平/垂直滚动及平滑过渡等交互细节。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
MasterGo AI 本身不直接生成“滚动列表”这种交互动效，但它能快速生成具备滚动结构的官网页面——比如带横向滚动商品栏、纵向长列表或卡片流的布局。关键在于：先让 AI 输出符合滚动逻辑的静态结构，再用 MasterGo 原型功能赋予滚动行为。
明确滚动类型，选对生成模式
官网常见滚动场景分三类，AI 生成前需在描述中点明：
- 横向滚动模块（如推荐品牌栏、轮播图、服务图标组）：在提示词里写“横向排列的卡片组，宽度超出容器，支持左右滑动”
- 纵向无限滚动区域（如新闻流、产品列表）：描述为“包含20条以上内容的垂直列表，高度固定，内容溢出时显示滚动条”
- 锚点导航滚动（如单页官网的页面内跳转）：注明“顶部导航栏点击后平滑滚动至对应区块，如‘关于我们’‘服务优势’‘客户案例’”
用精准描述驱动 AI 输出可滚动结构
AI 不懂“滚动”这个词的交互含义，但能理解空间约束和视觉暗示。有效写法要包含三要素：
- 容器尺寸：例如“创建一个宽800px、高240px的横滚容器”
- 内容体量：例如“放入12个品牌Logo，每个宽160px，总宽度1920px”
- 视觉提示：例如“右侧添加渐变蒙版，暗示内容可横向滑动”
示例提示词：“设计企业官网首页，顶部导航栏下方放置横向滚动的品牌合作区：容器宽960px、高180px；内部排列15个品牌Logo（每个宽140px），总宽度2100px；右侧用线性渐变遮罩表示可滑动；主题色#2563EB”
生成后加滚动交互（两步完成）
AI 输出的是静态设计稿，滚动效果需手动补上原型设置：
- 选中横向滚动区域的父容器 → 切换到【原型】标签 → 开启“水平滚动”并勾选“显示滚动条”
- 若需鼠标滚轮触发，启用“允许鼠标滚轮控制滚动”选项
- 纵向长列表只需给外层容器设固定高度 + overflow-y: auto，MasterGo 会自动渲染滚动条样式
进阶技巧：让滚动更自然
单纯有滚动条还不够，真实官网常需细节优化：
- 为横向滚动区添加左右箭头按钮，绑定“向左/右滚动X像素”的交互动作
- 给滚动容器加微动效：选中图层 → 右侧属性栏开启“滚动时平滑过渡”
- 移动端优先时，在提示词末尾加一句“适配触屏拖拽手势”，AI 会默认按触摸友好方式排布间距与尺寸
