搭骨架
单页滚动布局
Single Page Layout
「一页往下滑的官网」「长页面布局」「单页滚动结构」「一页式落地页」
LIVE DEMO真实可交互，动手试试
AI 组件词典
从首屏、FAQ 到 CTA，用一页把常见官网区块说明白。
Hero
讲清价值和主按钮
Feature Grid
展示核心能力和卡片
FAQ
回答最常见问题
CTA
在页尾推动转化
- 英文名
- Single Page Layout
- 别名 · 俗称
- 长页面布局单页官网结构一页式排版
- Web 叫法
- Single Page Layout
- 大白话定义
- 把相关内容按阅读顺序排在同一长页面里，用户通过滚动完成浏览，适合落地页和产品介绍页。
- 部位拆解
- 章节 Sections按信息顺序分段排布
- 滚动流 Scroll Flow让阅读从上到下自然衔接
- 锚点导航 Anchor帮助快速跳到指定区块
提示词已按当前平台组织好，复制粘贴给 AI 即可
Web
做一个单页滚动布局（Single Page Layout）：Hero、功能、案例、FAQ、CTA 依次向下排列，支持锚点导航
调试 Prompt组件不听话时用——把症状补在末尾一起发给 AI
调试我的单页滚动布局（Single Page Layout）。逐一排除：相邻章节间距忽大忽小；锚点滚动后标题被 fixed header 挡住；信息顺序不符合阅读节奏；移动端段落太密。症状是：