前言：
在写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日出生于韩国光州，韩国女演员、主持人。，凭借MV《花》正式出道；同年，出演个人首部电视剧《天国的阶梯》，凭借该剧获得SBS演技大赏童星奖 [1] 。5月27日，担任MBC综艺节目《幻想的同桌》的主持人，凭借该节目获得MBC演艺大赏MC新人奖 [2] 。10月7日，主演的音乐偶像剧《原来是美男啊》开播，凭借该剧获得SBS演技大赏新人奖 [3] 。9月16日，主演的爱情喜剧片《恋爱操作团》上映，凭借该剧获得第8届韩国电影大奖最佳女配角提名 [4] 。8月26日，获得“乐视影视盛典”电视剧部分亚太地区年度最受欢迎演员奖 [5] 。7月15日，主演的KBS独幕剧《别担心，是女鬼》首播，凭借该剧获得KBS演技大赏单幕剧部门优秀演技奖 [6] 。1月23日，出演的剧情片《7号房的礼物》上映，凭借该片获得第49届韩国百想艺术大赏电影部门最佳女配角提名 [7] ；10月9日，主演的青春喜剧《继承者们》播出，凭借该剧获得SBS演技大赏中篇电视剧优秀表演奖、十大明星奖。11月12日，主演的职场爱情剧《匹诺曹》首播，凭借该剧获得SBS演技大赏中篇电视剧女子部最优秀奖和十大明星奖 [8] 。10月29日，获得韩国大众文化艺术奖国务总理表彰奖 [9] 。6月20日，主演的医疗剧《Doctors》首播，凭借该剧获得SBS演技大赏剧情、奇幻类最优秀演技女子奖和十大明星奖。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，适当的替代页面上拉加载和滚动的冲突
