1、顶部导航栏 2、TabLayout+viewpager 3、代码里面有详细的解释 4、很有参考价值，希望大家喜欢

滑动底部scrollView切换视图同时动态切换导航栏上的标签，点击顶部标签，切换底部scrollView中的控制器。

小程序商品展示需要导航栏的商品分类进行滑动，供大家参考，具体内容如下 效果图： 首先是滑动的效果： 小程序使用,横向移动即可 WXML:这里面我将导航栏显示类目定义为5个，每个20%,当超出5个分类，也就是index>4的时候，导航栏下面的省略号加上（因为tab-nac的border-bottom只能显示到第五个分类） <scroll-view scroll-x=true style=

记住后台要添加NVNavigationBar、NVTabBar模块

网站顶部导航 Flash动态菜单附源文件，当鼠标在菜单上移动时，上部的图片会对应变化，在WEB开发中，这种效果叫做“滑动门”，用在Flash中，同样有不俗的表现。

APP市场中大多数新闻App都有导航菜单，导航菜单是一组标签的集合，在新闻客户端中，每个标签标示一个新闻类别，对应下面ViewPager控件的一个分页面，今日头条， 网易新闻等。 随着版本迭代的更新，带来了许多控件，案例主要用到了TabLayout，ViewPage，RecyclerView，CardView等新控件。

微信小程序demo推荐：petty妈咪：顶部导航

Android 顶部导航栏demo

随着时间的推移现在的软件要求显示的内容越来越多，所以要在小的屏幕上能够更好的显示更多的内容，首先我们会想到底部菜单栏，但是有时候像今日头条新闻客户端要显示的内容太多，而且又想在主界面全部显示出来，所以有加了顶部导航栏。 今日头条顶部导航栏区域的主要部分是一个导航菜单。导航菜单是一组标签的集合，在新闻客户端中，每个标签标示一个新闻类别，对应下面ViewPager控件的一个分页面。当用户在ViewPager区域滑动页面时，对应的导航菜单标签也会相应的被选中，选中的标签通过一个矩形红框高亮显示，红框背景中的标签文字变为白色，红框外的区域标签文字仍为灰色。当用户直接在导航菜单选中某个标签时，ViewP

主要介绍了微信小程序自定义navigationBar顶部导航栏适配所有机型（附完整案例），文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧