From f7bb0ac0110f8966ea17025a77a3a853fb734496 Mon Sep 17 00:00:00 2001
From: Tevin <tingquanren@163.com>
Date: Tue, 21 Dec 2021 16:14:16 +0800
Subject: [PATCH] 优化无限滚动，刷新回到顶部
---
plugins/infiniteScroll/CInfiniteScroll.vue | 10 +++++++++-
1 files changed, 9 insertions(+), 1 deletions(-)
diff --git a/plugins/infiniteScroll/CInfiniteScroll.vue b/plugins/infiniteScroll/CInfiniteScroll.vue
index b1ca855..c822664 100644
--- a/plugins/infiniteScroll/CInfiniteScroll.vue
+++ b/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();
--
Gitblit v1.9.1