onScroll事件既不觸發也不響應

Question

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',...) 。

但是，如果像我在本示例中那樣向您的div添加CSS屬性，則滾動將在div上觸發，因此onScroll（反應合成事件）將按預期觸發。