我正在研究一个小应用程序,我想知道如何听滚动事件的

问题描述 投票:0回答:2
如果有人对最佳方法有一个想法,我将感谢您的帮助,否则,如果有任何第三方图书馆可能会做这项工作,我也会感谢任何建议。 thanks.

我不认为有任何事件可以通知您滚动停止。通常,您需要等待一段时间才能经过,直到上次滚动事件。通常,您将使用debounce操作 - 许多不同的实用程序libs实施它,例如lodash(

https://lodash.com/docs/4.17.10#debounce

):
window.addEventListener(
  "scroll",
  _.debounce(() => {
    console.log("scrolling stopped");
  }, 1000)
);

通过使用
javascript jquery reactjs scroll
2个回答
12
投票
.

解决问题。 AttachonScroll

活动:


11
投票

useMemo

对于
    endScroll
  1. 函数:
    
    
  2. const handleEndScroll = useMemo( () => _.debounce(() => console.log("END SCROLL"), 1000), [] );
滚动和末端滚动:
  1.  const handleScroll = e => {
        console.log("scroll scroll scroll");
        handleEndScroll();
      };
    
    注:
安装并导入
    lodash
Import
useMemo

  • scrollend
    活动在109中添加到FF中。眨眼/Webkit浏览器有望在2023年中期至下旬进行。
        
最新问题
© www.soinside.com 2019 - 2025. All rights reserved.