如何在 React.js 中检测页面滚动到顶部？

Question

我有一个 UI 问题需要在 React 中解决。当用户开始滚动时，将在标题中添加一个背景类。滚动到页面顶部时，标题背景消失。

我已经弄清楚如何在滚动和修改状态时添加背景，但是如何检测用户何时滚动到页面顶部？

Answer 1

您可以通过添加一个侦听器window.onscroll并在此侦听器中观看window.pageYOffset. 这是示例https://codepen.io/teimurjan/pen/NzMgKz?#。