onScroll 事件既不触发也不在反应中给出顶部答案

【问题标题】：onScroll event neither triggers nor gives top in reactonScroll 事件既不触发也不在反应中给出顶部
【发布时间】：2017-08-08 22:28:44
【问题描述】：

class Application extends React.Component {
    render() {
        return <div onScroll={ () => console.log('scroll') }>...</div>;
    }
}

当我使用 onWheel 进行工作时，没有一个属性可以指示滚动位置的变化。 scrollTop、y、偏移量、页面等。不在窗口、文档、正文和目标上。

谁能给我一个任意高度的元素的工作示例，在反应中给出滚动位置。

（这不是重复的，因为 onScroll 应用于 div，我正在寻找其他信息。坦率地说，它甚至不接近同一个问题。）

【问题讨论】：

【解决方案1】：

实际上滚动是有效的，但它是在window 上触发的，这就是为什么您可能遇到的所有实现都使用window.addEventListener('scroll',...)。

但是，如果您像我在this example 中所做的那样将 CSS 属性添加到您的 div，则会在您的 div 上触发滚动，因此 onScroll（反应合成事件）将按预期触发。

【讨论】：