React 有幾種偵測Scroll 的方式,通常是用的方式寫
不過有時候你要動到邏輯問題的撰寫方式,你可能就要拆步驟寫:
基本上 是分這三大元素去修改,
componentDidMount()
,componentWillUnmount()
,handleScroll(event)
constructor(props) {
super(props)
this.handleScroll = this.handleScroll.bind(this)
}
componentDidMount() {
window.addEventListener('scroll', this.handleScroll)
}
componentWillUnmount() {
window.removeEventListener('scroll', this.handleScroll)
}
handleScroll(event) {
/*eslint no-console: ["error", { allow: ["warn", "error"] }] */
console.warn('the scroll things', event)
}