微信小程序--顶部导航栏 仿京东UI样式

我们先来看看京东的效果

分析

1. 上端导航栏可以放置多个分类，可滑动
2. 点击导航栏最右端按钮可以查看所有分类，同时背景模糊
3. 内容部分右拉跳转到另外的分类
4. 点击分类时导航栏的滑动部分自动滑动到合适的位置

我的实现

源代码地址

https://github.com/mgsweet/WeChat-App-Learning/tree/master/pages/category