React置顶功能
状态管理
方法
render
直接上代码,太简单,不解释了
componentDidMount= ()=> {
window.addEventListener('scroll',this.handleScroll);
};
componentWillUnmount= ()=> {
window.removeEventListener('scroll',this.handleScroll);
};
handleScroll=event=> {
if (window.pageYOffset >100) {
this.setState({ display: true });
}else {
this.setState({ display: false });
}
};
scrollTop= ()=> {
window.scrollTo(0,0);
};
react 置顶插件 :
react-scroll-up
也很方便,自己去github上了解吧!!!