前言：
在写app的时候我们经常使用的是导航固定，内容滚动，以前经常使用的是better-scroll插件，后来碰到了点bug，现在改使用main标签了
效果图：
（顶部导航固定，内容页滚动）

页面布局：
导航div放在main标签外面
main标签的位置包裹着你所有要滚动的东西

css:
main标签的css样式是：height: calc(100vh - 1.2rem);
100vh是可视化的高度；1.2rem为导航的高度
全部代码：

<template>
  <div id="home">
    <div class="nav">Pxh</div>
    <main>
      <div class="content">
        <div>
          <img src="../../static/img/timg.jpg" alt />
          <p>
            朴信惠（박신혜、Park Shin Hye），1990年2月18日出生于韩国光州，韩国女演员、主持人。
            2003年，凭借MV《花》正式出道；同年，出演个人首部电视剧《天国的阶梯》，凭借该剧获得SBS演技大赏童星奖 [1] 。2007年5月27日，担任MBC综艺节目《幻想的同桌》的主持人，凭借该节目获得MBC演艺大赏MC新人奖 [2] 。2009年10月7日，主演的音乐偶像剧《原来是美男啊》开播，凭借该剧获得SBS演技大赏新人奖 [3] 。2010年9月16日，主演的爱情喜剧片《恋爱操作团》上映，凭借该剧获得第8届韩国电影大奖最佳女配角提名 [4] 。2011年8月26日，获得“2011乐视影视盛典”电视剧部分亚太地区年度最受欢迎演员奖 [5] 。2012年7月15日，主演的KBS独幕剧《别担心，是女鬼》首播，凭借该剧获得KBS演技大赏单幕剧部门优秀演技奖 [6] 。
            2013年1月23日，出演的剧情片《7号房的礼物》上映，凭借该片获得第49届韩国百想艺术大赏电影部门最佳女配角提名 [7] ；10月9日，主演的青春喜剧《继承者们》播出，凭借该剧获得SBS演技大赏中篇电视剧优秀表演奖、十大明星奖。2014年11月12日，主演的职场爱情剧《匹诺曹》首播，凭借该剧获得SBS演技大赏中篇电视剧女子部最优秀奖和十大明星奖 [8] 。2015年10月29日，获得韩国大众文化艺术奖国务总理表彰奖 [9] 。2016年6月20日，主演的医疗剧《Doctors》首播，凭借该剧获得SBS演技大赏剧情、奇幻类最优秀演技女子奖和十大明星奖。2020年1月6日，担任主持人的系列纪录片《人类-动物》开播。
          </p>
        </div>
      </div>
    </main>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  computed: {},
  methods: {},
  created() {}
};
</script>

<style lang="scss" scoped>
main {
  height: calc(100vh - 1.2rem);
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
#home {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  .nav {
    width: 100%;
    height: 1.2rem;
    line-height: 1.2rem;
    text-align: center;
    font-size: 0.4rem;
    border-bottom: 1px solid #eeeeee;
    box-sizing: border-box;
  }
  .content {
    width: 100%;
    padding-top: 0.4rem;
    box-sizing: border-box;
    div {
      img {
        width: 9.333333rem;
        height: 8.506667rem;
        display: block;
        margin: 0 auto;
      }
      p {
        padding: 0.4rem;
        box-sizing: border-box;
        font-size: 0.373333rem;
        line-height: 0.533333rem;
      }
    }
  }
}
</style>

app.vue要加点限制

#app {
  height: 100vh;
  overflow: hidden;
  position: relative;
}

优点：
1，不用引入插件
2，不用封装js，css就可以控制
3，适当的替代页面上拉加载和滚动的冲突