单页滚动布局Single Page
页面结构在同一长页面中讲完一段完整内容
单页滚动布局适合活动页和产品介绍，把价值、功能、证据和行动按阅读顺序展开。页面过长时要提供清楚章节和跳转入口；不同任务应拆成多个页面。
vibeflow.app
描述你的想法,AI 帮你设计、构建并上线。
✦一句话生成从想法直接开始
⌘边聊边修改像搭档一样协作
↗一键发布获得公开网址
准备好做出第一个产品了吗?免费开始,无需信用卡
什么时候用
- 锚点导航：钉在页边的分节目录，交给 锚点 Anchor产品特性定价客户评价FAQ
- 每屏一个主题：一屏讲一件事，别贪多钩子卖点CTA
- 按照价值、卖点、证据和行动组织完整阅读顺序钩子→卖点→证明→CTA
- 滚动跟随高亮：读到哪一节，目录亮到哪滚到「快速上手」，目录自动高亮安装快速上手API常见问题
什么时候不用
- 页面二十屏还没锚点、没回顶 → 给个 回到顶部 BackTop 出口页面二十屏，没锚点也没回顶，纯靠手滚
- 一屏塞六个主题，等于没有主题，看完记不住钩子卖点证明定价FAQCTA
- 后台系统也做单页 → 多模块该用 左侧栏布局 Sidebar🔍 搜索用户名新建用户林小hu管理员阿油成员
- CTA 只在结尾出现一次，中途想点没入口钩子卖点卖点CTA
组成结构 · Anatomy
首屏钩子卖点区社会证明行动号召
1首屏钩子Hero一句话说清你是谁，勾住人往下滑
2卖点区Features三四个核心卖点，一屏讲一个
3社会证明Prooflogo 墙、数字、用户评价，消除疑虑
4行动号召CTA故事讲完要下一步，主按钮收尾
常见变体 · Variants
锚点导航Anchors
段落多，需要随时跳转
纯滚动Pure Scroll
三四屏讲完的小落地页
带回到顶部BackTop
↑
页面很长，给个回顶出口
典型使用场景
产品落地页
活动页
招聘页
个人主页