vue 移动端 上拉进度条不显示全部组件[兼容]

Question

电脑端chrome模拟可以正常显示，如图

手机端所有浏览器，拉到底部，滚动条会有一个回弹，弹回到如图的位置

<template>
<div id="app">
  <router-view> //默认高度为100%,此处高度设为120%也无法解决回弹不显示的问题
  </router-view>
  <div class="clearfloat"></div> //此处用clearboth也撑不起来
  <FooterView></FooterView> 
</div>
</template>
...
.clearfloat{clear:both;height:0;font-size: 1px;line-height: 0px;}

请教该如何解决此类问题呢？

Answer 1

给。clearfloat加个margin-bottom:你FooterView的高度试试

Answer 2

<div id="app">
  <div style="padding-bottom:44px">//
      <router-view>
      </router-view>   
  </div>
  <FooterView></FooterView> 
</div>