uniapp可滑动的顶部导航

1.刚开始接触uniapp的时候一直纠接这个导航栏滑动的问题。今天抽空把有用的部分提拉出来。做个小笔记。

<template>
	<view class="container">
		<view class="status_bar" v-bind:style="{ height: statusBarHeight }"></view>
	   <!-- <view class="navbar">
			 <view :class="[tabindex==1?'navbtn':'navactive']"   @click="switchtabar(1)">接单任务</view>
			 <view :class="[tabindex==2?'navbtn':'navactive']"    @click="switchtabar(2)">套餐任务</view>
			 <view :class="[tabindex==3?'navbtn':'navactive']"    @click="switchtabar(3)">接单记录</view>
		</view> -->
		<view class="uni-tab-bar">
			<scroll-view id="tab-bar" class