使用vue实现移动端h5的scroll-view

需求：移动端h5，页面顶部有nav-bar，下部有tab-bar，缺少中间内容盒子，当tab-bar页面切换时，页面滚动位置丢失，导致交互类似页面重新渲染

根据这种需求，就衍生出了scroll-view组件，下面是我结合vant实现的简易的scroll-view

首先是tab集合页

<template>
  <section>
    <van-nav-bar :title="title" :left-arrow="false" :fixed="true" />
    <transition>
      <keep-alive>
        <home v-if="active==0"></home>
        <classify v-else-if="active==1"></classify>
        <shop-car v-else-if="active==2"></shop-car>
        <find v-else-if="active==3"></find>
        <mine v-else-if="active==4"></mine>
      </keep-alive>
    </transition>
    <van-tabbar v-model="active">
      <van-tabbar-item icon="