移动端 点击某个地方回到顶部 简单方法
window.addEventListener('scroll', this.handleScroll); 获取滑动高度 一般在刚进入页面写入(componentDidMount)
handleScroll = () => {
if (window.scrollY > 你需要的高度 ) {
this.setState({
backTop: true,
});
} else {
this.setState({
backTop: false,
});
}
};
backTop // 是返回顶部的按钮是否显示
// 关键是这一步 点击返回顶部按钮触发的函数
backTop = () => {
window.scrollTo({
top: 0,
behavior: 'smooth',
});
};