问题:在页面滚动的时候,infiniteScroll 页面数是自动+1。举个例子,页面加载到第三页,infiniteScroll 无法在重新开始计数,而在某些场景中需要重新开始计数,比如切换月份等(按照需求),page number 需要重新计数。(切换后会自动滚动到上一次滚动位置,自动调用接口)
1.使用useRef
const domRef = useRef(null);
//添加判断lifeCycleRef.current 防止dome还没有加载
if(lifeCycleRef.current){
lifeCycleRef.current.scrollTop = 0;
}
改变 infiniteScroll 的 key 值,或加在父级元素上
key值随需求刷新–(Math.random().toString(36))随机数
key=Math.random().toString(36)
使用无限滚动需要注意的问题:文章来源:https://www.toymoban.com/news/detail-837106.html
1、overflow属性是一定要有的,可以加到父节点或者自身上,否则会报错。
2、容器一定要被撑开并触底,这样才会触发v-infinite-scroll上绑定的方法。
3.添加key文章来源地址https://www.toymoban.com/news/detail-837106.html
到了这里,关于antd List 滚动加载(InfiniteScroll ) react-infinite-scroll-component 重置滚动条的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!