E5.09.1back to top设计
长页面需要快速返回顶部的入口
别名: 回到顶部 · scroll to top · 返回页首
概念解释
页面一旦长过几屏，回到开头去改筛选、看标题或重新开始扫，靠反向手翻会按已滚过的距离计费。回到顶部（back to top）提供一条与距离无关的捷径，把视口直接送回文档原点。它出现的理由是路径变长，不是装饰；短页不需要它，长页缺少它就只剩「再扫一遍回去」。
机制
滚动是积分运动：向下每翻一屏，向上回去也要还同样的屏。长文章、长结果、无限追加之后的列表，这个积分会大到超过用户愿意付的时间，于是人改用别的笨办法——猛甩滚动条、点地址栏再回车、切走再进来——这些办法会丢掉页内状态或过冲。回到顶部把积分路径收成一次跳转，专门服务「我要文档原点上的那些东西」：筛选条、标题、主导航、列表的第一项。
需求随深度出现。第一屏内没有人要它；过了某个深度，原点上的控件突然变得既重要又遥远。所以它是条件入口：太早出现是噪音，太晚出现则人已经开始用破坏性办法复位。动画若把跳转拉成慢速滑行，捷径又变回积分运动，只是手指换成了系统。
边界
单屏或两屏页面加这个入口是干扰。横向画布、地图、时间轴的「原点」可能不是视觉顶部，而是选定对象或今天；把它们强行滚到 y=0 会破坏工作位置。阅读位置需要被记住的长文，跳到顶等于丢失书签，应同时提供「回到刚才」或不要自动跳。屏幕阅读器用户通常用标题罗盘到达顶部，可视化按钮不是唯一通道，但焦点也应被带到顶部的第一个有意义节点。
怎么落地
- 在超过约两屏的深度之后再显示入口；回到顶部附近后收起，避免在原点还占一个动作位。
- 跳转要快，并把焦点和视口一起放到文档开头的第一个可交互或标题节点，不要只改滚动偏移。
- 原点上真正被需要的若是筛选而不是视觉顶部，考虑「回到筛选」而不是盲目 y=0。
- 验证：从长页中下部出发，只许用产品提供的手段回到筛选或标题，计时并看是否误触发刷新。没有入口或跳转慢到人改去扯滚动条，即深度已经需要捷径。短页上若一打开就看见它，则出现得太早。