我只需要有一个窗口滚动位置检测器,我已经尝试了代码从多篇文章中,我已经找到,他们似乎都没有工作.大多数时候,console.logs只会出现当我刷新页面,但从来没有得到更新时,用户实际上是滚动.
我需要它来为市场增加无限的负载,我不打算使用任何复杂的第三方库或其他东西来做一些微不足道的事情。
下面是我正在使用的代码,尽管它根本不起作用(注意,我已经尝试了这个代码的多个不同的迭代,从所有跨网络和没有工作)
const handleScroll = () => {
console.log("scroll")
};
useEffect(() => {
window.addEventListener("scroll", handleScroll);
return () => window.removeEventListener("scroll", handleScroll);
});
1条答案
按热度按时间ui7jx7zq1#
这只是使用了react state,你可以在任何组件中使用它作为钩子。你所要做的就是设置一个useEffect,每当它发生变化时触发,每当它达到你设置的阈值时就会触发。
这里是钩子
以及如何在组件中使用它