componentDidMount() {
// 監聽滾動 window.addEventListener('scroll', this.handleScroll)
// 監聽窗口大小改變 window.addEventListener('resize', this.handleResize)
}
componentWillUnmount() {
// 一定要最后移除監聽器，以防多個組件之間導致this的指向紊亂
window.removeEventListener('scroll', this.handleScroll)
window.removeEventListener('resize', this.handleResize)
}
handleScroll = e =>{
console.log( '瀏覽器滾動事件', e.srcElement.scrollingElement.scrollTop,
// 距離滾動條頂部高度 e.srcElement.scrollingElement.scrollHeight,
// 整個文檔高度 )
}
handleResize = e => {
console.log('瀏覽器窗口大小改變事件', e.target.innerWidth)
}