01 / 自然浏览
先让页面,
自由地滚动。
刚打开时,使用网页原本的滚动。像平常一样向上滑,给 Facebook / Instagram 的系统工具栏留出收起的机会。
↑
继续往上滑动一点
保持平常的阅读手势就好
保持平常的阅读手势就好
一个关于滑动的小实验
先向上滑动,让系统顶部栏自然收起。
再向下滑动,看看页面自己的顶部栏。
01 / 自然浏览
刚打开时,使用网页原本的滚动。像平常一样向上滑,给 Facebook / Instagram 的系统工具栏留出收起的机会。
02 / 无缝接管
接管后,外层固定为一屏高度,长内容在容器里面继续滚动。切换会保留当前阅读位置。
03 / 自定义交互
页面的顶部栏会跟随你的手势出现。点击左侧 ×,触发我们自己的关闭回调,试试打开一个挽留弹层。
继续向上滑,顶部栏会再次收起。
THE FLOW CONTINUES
再滑动几次,感受顶部栏的出现与收起。系统栏收起后会自动尝试接管。左下角可以查看状态或重新开始。