滚动浏览与导航 / TERM 043

嵌套滚动Nested Scrolling

面板里的列表能滑，外面的页面也能滑。

043

LIVE PREVIEW

页面 ↓

01　第一段内容02　继续往下看03　当前阅读位置04　下一段内容

↘

嵌套滚动

✦ MOTIONLEX

01 这个效果是什么

内部容器和外部页面各自滚动，关键是边界交接和触屏手势的可预期性。

给侧栏结果列表限定高度并允许内部滚动；滚到列表边缘后让页面自然继续移动，避免锁死页面，键盘仍可访问所有结果。