匠心打造多tab自动吸顶下的多滚动容器（详细）

匠心打造多 tab 自动吸顶下的多滚动容器（详细）

摘要

不知道什么时候开始，一种tab自动吸顶下的多容器嵌套滚动浏览交互方式逐渐风靡在各大电商APP（美团、京东、拼多多等）。

这种相对复杂交互的滚动容器一般都在APP首页容易看到，实现的技术栈是客户端，h5下的实现案例比较少见，目前就只看到闲鱼跟拼多多有基于h5技术实现案例。个人猜测原因主要有两点：

1. 对于多容器嵌套滚动缺乏原生能力支持，实现成本较大；
2. 自行实现多容器嵌套滚动能力流畅性不达标，毕竟h5是基于webview来进行渲染，在滚动浏览阶段稍有计算必然会导致帧率下降。