document.body.scrollTop = document.documentElement.scrollTop = 0;
import React from 'react';
function withAutoToTop(WrappedComponent) {
return class extends React.Component {
componentDidMount() {
document.body.scrollTop = document.documentElement.scrollTop = 0;
}
render() {
return <WrappedComponent {...this.props} />;
}
};
}
export default withAutoToTop;
核心代码 react HOC
一、效果一: table 点击翻页 滚动条回到顶部 效果二: 监听table 组件的滚动事件
可以用在：列表的索引 ，歌词的滚动 可以将滚动条的某元素定位到某地方（顶部，中部，底部）顶部 scrollInto...
react组件中新加一条自动滚动到底部： componentDidUpdate() { utils.logs(...
React Native 的ScrollView组件实现轮播图.定时任务实现滚动，TouchableWithout...
实现步骤： 创建React组件项目； 创建测试项目并引用组件； 发布React组件到npm上； 一、创建React...
滚动试图顶部， 有需要的固定内容， 往上滚动， 隐藏顶部div内容 代码
在这篇文章中，我将演示如何使用React创建一个tab不固定在顶部，滑动到顶部自动吸顶。点击tab切换滚动到指定位...
简介： 用react开发的轮播图组件，支持淡入淡出、水平滚动、垂直滚动的无缝轮播效果。可自定义轮播内容。 API ...
本文转载自我的个人博客。 React中一个重要理念就是组件化，通过组件化从而实现组件的复用。我认为用回到顶部按钮来...
本文标题：react 滚动到顶部组件
本文链接：https://www.haomeiwen.com/subject/wgacxctx.html
网友评论