在react组件中监控滚动

react监控页面滚动的简单应用其实很简单，在组件的生命周期函数 componentDidMount 中让window调用它的 onscroll 方法就可以啦

componentDidMount(){

let ctx = this;
window.onscroll = function () {
if( window.pageYOffset  > 170)
{
ctx.setState({
open:true,
})
}
}
}

注意不能直接用this.setState来设置open，这里open控制Snackbar的显隐

<Snackbar
id="Snackbar"
open={this.state.open}
message="滚动距离大于170了"
autoHideDuration={4000}
/>