简介 看到今日头条小程序页面可以滑动切换，而且tab导航条也会跟着滚动，点击tab导航，页面滑动，切导航栏也会跟着滚动，就想着要怎么实现这个功能 像商城类商品类目如果做成左右滑动切换类目用户体验应该会好很多，我这里只是一个小demo，没有怎么去考虑数据的问题，主要是想着去实现这么个功能，有可能后期引入数据后会出现问题，欢迎提出互相讨论 解决过程 1.在想要实现这个问题的时候找了不少别人的博客看，主体页面布局方面是比较统一的，tab导航栏使用标签，内容使用，其中的使用方法和参数希望自行参考api文

本文实例为大家分享了微信小程序实现点击导航条切换页面的具体代码，供大家参考，具体内容如下 我录制了个gif如下，黄色部分是不可以滑动的，蓝色部分可以滑动。 代码解说： 首先我在js自定义了navState参数用于判断导航的当前状态， 定义了data-index用于js中动态修改导航的当前状态， nav-switch-style为选择导航条时的样式， 不可滑动视图切换很简单，用wx:if判断状态显示相应页就好了， 滑动页视图切换要用到swiper和 swiper-item，

本文实例为大家分享了微信小程序实现点击导航条切换页面的具体代码，供大家参考，具体内容如下 我录制了个gif如下，黄色部分是不可以滑动的，蓝色部分可以滑动。 代码解说： 首先我在js自定义了navState参数用于判断导航的当前状态， 定义了data-index用于js中动态修改导航的当前状态， nav-switch-style为选择导航条时的样式， 不可滑动视图切换很简单，用wx:if判断状态显示相应页就好了， 滑动页视图切换要用到swiper和 swiper-item，