00:00
00:00
Design
raycast.com
Anchored Scrolling
A stable visual anchor and a clear sense of boundary when the end is reached.
Press down arrow in a long list. At first, nothing scrolls, just the highlight moves.
Keep going. Around 70% down the viewport, something shifts. The highlight locks in place, and now the world moves instead. The list scrolls up beneath your anchored cursor. Until the end, when it releases again, letting you land on that final item.
Three states. One gesture. Perfect.
This should literally be implemented in any CMDK menu.
Bonus Tip
You may have noticed that the input field itself is still anchored. Its position never change as the menu length change.
If you directly put the entire panel on the center, the input field's position will vary based on the panel height.
00:0000:00
