00:00
00:00
Command-Menu
固定滚动
当到达末尾时,提供稳定的视觉锚点和清晰的边界感。
在一个长列表中按下箭头键。起初,什么都不会滚动,只有高亮移动。
继续向下。大约在视口的70%处,某些东西发生了变化。高亮锁定在原地,现在世界开始移动。列表在你固定的光标下向上滚动。直到最后,当它再次释放,让你落在那个最后的项目上。
三个状态。一个手势。完美。
这应该在任何CMDK菜单中得到实现。
为什么有效
- 渐进式参与:界面不会立即滚动。这减少了小范围导航(例如,向下移动两到三个项目)时的干扰运动。只有当用户表现出进一步向下导航的意图时,才会进行更具干扰性的全列表滚动。
- 稳定的空间锚点:“锁定”阈值作为用户眼睛的可预测锚点。在长时间滚动中,你不必追踪一个移动的目标;你确切知道该看哪里。这使得快速浏览长列表变得显著更快且要求更低。
- 触觉反馈与终结感:最后一个项目的“停靠”提供了一个清晰、具有物理感的结束点。没有模糊性。从滚动状态(列表移动)到选择状态(高亮移动)的过渡以绝对清晰度标示了边界。
额外提示
你可能注意到输入框本身仍然是固定的。随着菜单长度的变化,它的位置从未改变。
如果你将整个面板直接放在中心,输入框的位置将根据面板高度而变化。
00:00
00:00