onScroll事件既不触发也不给予反应

Question

https://codepen.io/anon/pen/brWbQZ?editors=1111

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

当我使用onWheel时，没有一个属性可以指示滚动位置的变化。 scrollTop，y，offset，page等。无论是在窗口，文档，正文还是目标上。

有人可以给我一个实例高度的元素的实例，给出滚动位置的反应。

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

Answer 1

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

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