在cube ui中使用better-scroll 自定义下拉刷新和上拉加载内容

在这次写项目中,偶然看到cube-ui组件库,看到这个ui组件库滚动盒子都是根据better-scroll封装的,在移动端上滑动效果体验比较不错,于是我决定使用cube-ui组件库,在使用过程中,在自定义下拉刷新中出错,由于项目时间比较紧张,也就没有再细研究。
今天中午闲下来,完整代码如下:(需要注意的是:必须要绑定滚动事件,让下拉刷新盒子的top值实时于内容顶部位置吻合)







实现效果
在cube ui中使用better-scroll 自定义下拉刷新和上拉加载内容_第1张图片

  • html布局
    在cube ui中使用better-scroll 自定义下拉刷新和上拉加载内容_第2张图片

你可能感兴趣的:(在cube ui中使用better-scroll 自定义下拉刷新和上拉加载内容)