vue-scroll 底部无数据时，底部出现大片的空白

vue-scroll放在vue的项目中，实现下拉刷新的效果，但是发现，不能上拉的bug，上拉了之后，底部出现了一大段的空白，参照GitHub的问题，算是暂时解决了。

不能上拉的原因是：滑动标签里边的内容（内容区域）为绝对定位，改为相对定位就可以了。这样高度的百分之百才是全局的百分之百。

contentHeight应该去除pull-to-refresh-layer高度，否则某些情况下会导致底部多出一部分空白。暂时用flot:left解决。代码如下：

._v-container > ._v-content > .pull-to-refresh-layer {
    width:100%;
    height:120px;
    margin-top:-120px;
    text-align:center;
    font-size:32px;
    color:#AAA;
    float:left;
    top:0;
    left:0;
  }

　　

转载于:https://www.cnblogs.com/karila/p/9511498.html