react Table关于滚动条功能

Question

有个关于table滚动条的需求具体如下：
需求:

1.初始将滚动条移动至table底部
2.table表格数据为动态加载每秒拉取一次（1000条）数据，需要判断每次拉取数据后滚动条如果在table最底部就还将滚动条置底（因为从新拉去1000条数据滚动条会自动上移），如果滚动条此时向上移动了一段距离（即滚动条不在table最底部时），保持滚动条位置不变（即用户本次向上移动了滚动条，此时说明用户要查看表格内数据因此不希望滚动条自动置底，table可视区域内容不变）

完全没有头绪，之前实现了鼠标右键切换开启/关闭自动置底，但是需求希望还是能实现滚动条在最底部就一直自动置底，不在底部就不置底

Answer 1

你在拉完数据打算想table添加的之前判断一下滚动条在不在最底部，在就等数据添加之后设置一下滚动条在最底部

if(document.documentElement.scrollTop + document.documentElement.clientHeight == document.documentElement.scrollHeight){
        // 添加数据
        document.documentElement.scrollTop = document.documentElement.scrollHeight;
    }