反应如何选择我在下面滚动了多少

Question

我正在尝试选择一些值，最好是我向下滚动了多少的px，这样我就可以有条件地隐藏元素。

像total height - scrolled height这样的东西将是理想的

问题

我在选择合适的房产时遇到了问题。

console.log没有帮助，因为它会呈现实际的body标记。

这是代码

const scrollHandler = (event) => {
let scrollTop = event.srcElement.body.offsetHeight;
console.log(scrollTop)
setIsSearchVisible(false)
}
useEffect(() => {
window.addEventListener('scroll', scrollHandler, true);
return () => {
window.removeEventListener('scroll', scrollHandler, true);
}
},[])

如果有人能给我指同样的文件，我也将不胜感激！

Answer 1

我能够弄清楚，而不是使用事件对象，我只是使用窗口对象，类似于

const scrollHandler = (event) => {
let scrollTop = window.scrollY;
console.log(scrollTop);
setIsSearchVisible(false);
};
useEffect(() => {
window.addEventListener("scroll", scrollHandler, true);
return () => {
window.removeEventListener("scroll", scrollHandler, true);
};
}, []);