fix(popup): trigger on-scroll-to-bottom on windows (#2404)

Tencent · May 11, 2023 · cc1a0c2 · cc1a0c2
1 parent 5c1db91
commit cc1a0c2
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/popup/popup.tsx b/src/popup/popup.tsx
@@ -1,5 +1,6 @@
 import { VNodeDirective } from 'vue';
 import { createPopper } from '@popperjs/core';
+import debounce from 'lodash/debounce';
 import { on, off, once } from '../utils/dom';
 import { renderTNodeJSX, renderContent } from '../utils/render-tnode';
 import { getIEVersion } from '../utils/helper';
@@ -255,9 +256,13 @@ export default mixins(classPrefixMixins).extend({
     },
     handleOnScroll(e: WheelEvent) {
       const { scrollTop, clientHeight, scrollHeight } = e.target as HTMLDivElement;
-      if (scrollHeight - scrollTop === clientHeight) {
+      // 防止多次触发添加截流
+      const debounceOnScrollBottom = debounce((e) => emitEvent(this, 'scroll-to-bottom', { e }), 100);
+
+      // windows 下 scrollTop 会出现小数，这里取整
+      if (clientHeight + Math.floor(scrollTop) === scrollHeight) {
         // touch bottom
-        emitEvent(this, 'scroll-to-bottom', { e });
+        debounceOnScrollBottom(e);
       }
       emitEvent(this, 'scroll', { e });
     },