uniapp 获取滑动的距离

在uni-app官网上面有说明 

 用<scroll-view>标签将需要滚动的内容包裹起来

<scroll-view scroll-y="true" :scroll-top="scrollTop" @scroll="scroll" @scrolltolower="scrolltolower">
    <view>需要滚动的内容</view>
</scroll-view>

 scroll方法就是用来获取滑动的距离

 

 这个<scroll-view>标签还可以实现一个常用的功能：下拉刷新。

依靠的就是上面截图中的scrolltolower方法，这个方法会在滑动到底部时触发

由于uniapp中有自带的下拉刷新方法，具体可以看uniapp 实现下拉刷新（完整代码可复制）_Apeng_0919的博客-优快云博客

所以<scroll-view>这个不太常用，同时在性能方面自带的下拉刷新方法也要好一些。

但是在之前的项目中使用自带的下拉刷新方法发现小米手机无法触发，于是才使用这个方法来实现，也没有什么问题，现在推荐给大家。

如有问题，欢迎留言！！！