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

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

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

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

._v-container > ._v-content > .pull-to-refresh-layer {
    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