React置顶功能

状态管理

孟欣 - React置顶功能

 方法

孟欣 - React置顶功能

 render

孟欣 - React置顶功能

直接上代码,太简单,不解释了 

 

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上了解吧!!! 

相关文章: