From 436b06fee1b11a6a606508147ec191755fd8f394 Mon Sep 17 00:00:00 2001
From: icssoa <615206459@qq.com>
Date: Fri, 17 Oct 2025 23:21:37 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=20offScroll=20=E6=96=B9?=
 =?UTF-8?q?=E6=B3=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 cool/scroller/index.ts                             | 10 ++++++++++
 .../components/cl-back-top/cl-back-top.uvue        | 14 +++++++++-----
 uni_modules/cool-ui/hooks/page.ts                  |  8 ++++++++
 3 files changed, 27 insertions(+), 5 deletions(-)

diff --git a/cool/scroller/index.ts b/cool/scroller/index.ts
index 39f7732..7504ad5 100644
--- a/cool/scroller/index.ts
+++ b/cool/scroller/index.ts
@@ -18,6 +18,16 @@ class Scroller {
 		cbs.push(callback);
 		this.list.set(path, cbs);
 	}
+
+	// 取消监听页面滚动
+	off = (callback: (top: number) => void) => {
+		const path = router.path();
+		const cbs = this.list.get(path) ?? [];
+		this.list.set(
+			path,
+			cbs.filter((cb) => cb != callback)
+		);
+	};
 }
 
 export const scroller = new Scroller();
diff --git a/uni_modules/cool-ui/components/cl-back-top/cl-back-top.uvue b/uni_modules/cool-ui/components/cl-back-top/cl-back-top.uvue
index 2cf504a..2626e8f 100644
--- a/uni_modules/cool-ui/components/cl-back-top/cl-back-top.uvue
+++ b/uni_modules/cool-ui/components/cl-back-top/cl-back-top.uvue
@@ -13,7 +13,7 @@
 
 <script setup lang="ts">
 import { getTabBarHeight, hasCustomTabBar, scroller } from "@/cool";
-import { computed, onMounted, ref, watch, type PropType } from "vue";
+import { computed, onMounted, onUnmounted, ref, watch, type PropType } from "vue";
 import { usePage } from "../../hooks";
 import { clFooterOffset } from "../cl-footer/offset";
 
@@ -33,7 +33,7 @@ const emit = defineEmits(["backTop"]);
 const { screenHeight } = uni.getWindowInfo();
 
 // cl-page 上下文
-const { scrollToTop, onScroll } = usePage();
+const { scrollToTop, onScroll, offScroll } = usePage();
 
 // 是否显示回到顶部按钮
 const visible = ref(false);
@@ -71,9 +71,7 @@ function toTop() {
 onMounted(() => {
 	if (isPage.value) {
 		// 监听页面滚动
-		onScroll((top) => {
-			onVisible(top);
-		});
+		onScroll(onVisible);
 	} else {
 		// 监听参数变化
 		watch(
@@ -87,6 +85,12 @@ onMounted(() => {
 		);
 	}
 });
+
+onUnmounted(() => {
+	if (isPage.value) {
+		offScroll(onVisible);
+	}
+});
 </script>
 
 <style lang="scss" scoped>
diff --git a/uni_modules/cool-ui/hooks/page.ts b/uni_modules/cool-ui/hooks/page.ts
index e01bcb3..6378b70 100644
--- a/uni_modules/cool-ui/hooks/page.ts
+++ b/uni_modules/cool-ui/hooks/page.ts
@@ -45,6 +45,14 @@ class Page {
 	onScroll = (callback: (top: number) => void) => {
 		scroller.on(callback);
 	};
+
+	/**
+	 * 取消监听页面滚动
+	 * @param callback 回调函数
+	 */
+	offScroll = (callback: (top: number) => void) => {
+		scroller.off(callback);
+	};
 }
 
 export function usePage(): Page {