fix: 返回顶部按钮触发不丝滑

Mereithhh · Sep 7, 2022 · 8d086f2 · 8d086f2
1 parent d452b56
commit 8d086f2
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 12 deletions.
diff --git a/packages/website/components/BackToTop/index.tsx b/packages/website/components/BackToTop/index.tsx
@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from "react";
 import style from "../../styles/back-to-top.module.css";
 import { scrollTo } from "../../utils/scroll";
-import { debounce } from "../../utils/debounce";
+import throttle from "lodash/throttle";
 interface BackToTopBtnProps {}
 function getScrollTop() {
   var scrollTop = 0,
@@ -25,7 +25,8 @@ const BackToTopBtn: React.FC<BackToTopBtnProps> = (props) => {
     return () => document.removeEventListener("scroll", handleScroll, true);
   }, [visibleBackTopBtn]);
 
-  const handleScroll = debounce((ev: any) => {
+  const handleScroll = throttle((ev: any) => {
+    console.log("scroll");
     ev.stopPropagation();
     ev.preventDefault();
     const scrollTop = getScrollTop();

diff --git a/packages/website/utils/debounce.ts b/packages/website/utils/debounce.ts