优化无限滚动，刷新回到顶部

Tevin

2021-12-21 f7bb0ac0110f8966ea17025a77a3a853fb734496

 plugins/infiniteScroll/CInfiniteScroll.vue

@@ -5,14 +5,15 @@

<template>
    <scroll-view
        :id="elmId"
        class="c-infinite-scroll"
        :scrollY="true"
        lowerThreshold="100"
        @scroll="evt=>onScroll(evt)"
        @touchstart="evt=>onTouch(evt)"
        @touchmove="evt=>onTouch(evt)"
        @touchend="evt=>onTouch(evt)"
        @scrollToLower="evt=>onScrollToLower(evt)"
        lowerThreshold="100"
    >
        <view
            class="c-infinite-top"
@@ -60,7 +61,9 @@
</template>

<script>
import Taro from '@tarojs/taro';
import { AtActivityIndicator } from 'taro-ui-vue';
import { Tools } from '@components/common/Tools';
import './cInfiniteScroll.scss';

export default {
@@ -85,6 +88,7 @@
    },
    data() {
        return {
            elmId: 'cis-' + Tools.createGUID(),
            // 初始化状态
            inital: false,
            // 当前页面
@@ -296,6 +300,10 @@
        },
        // 刷新加载
        $refresh() {
            Taro.pageScrollTo({
                selector: '#' + this.elmId,
                scrollTop: 0,
            });
            this.ending = false;
            this.current = 0;
            this.hanldeLoadMore();