小程序选项卡（非swiper）+菜单选项吸顶效果

问题描述：在小程序开发中，一定会遇到关于选项卡的问题。很多人都是选择使用swiper实现这个功能，但是使用swiper又有个问题就是swiper组件的高度已经默认是150，这时候就可以给swiper设置高度或者给swiper一个变量高度让他自动根据内容来设定高度来达到自定义高度而不是限死。但是在实际中，有些页面是高度是不可预测的，要根据后端给的数据而渲染，这时就可以使用swiper的style="height:{ {height}}rpx"来设置高度，但是又有些数据（比如富文本传回来的是一串字符串，不好判断）很不好计算出公式，这时候就难搞，总不能特意去开发几个插件来解决吧这就有点。。。
**一、**预览效果图（简单例子）：

先是左右的选项卡然后是往下滚动菜单选项吸顶效果。
**二、**实现思路和代码
1、先做菜单选项，循环navlist出来。

//wxml
<view class="navbar"> 
  <text wx:for="{
  {navlist}}" data-index="{
  {index}}"
  class="item {
  {currentIndex==index?'active':''}}"
  bindtap="navbarTab" wx:key="unique">{
  {