react聊天室，列表加载数据滚动条还在顶部？

Question

最近写了一个React聊天室，发现有个问题，当我滚动条滚动到顶部的时候请求接口加载了数据之后，按理说滚动条应该在当前位置，但是我的是一直在最顶部，如何解决？

Answer 1

解决了，父节点加上这行代码即可解决！

overflow-anchor: none;

参考1
CSS: overflow-anchor 固定滚动到底部,随着页面内容增多滚动条自己滚动展示最新的内容

Answer 2

你是向上滚动到顶部,想要加载历史消息吗?然后把新请求的数据放到消息列表数据顶部.

也许你可以尝试通过计算重新定位滚动条.比如请求前高度为80,请求后为100,计算它们的比例(80/100=0.8,100*0.8),然后定位滚动条到新的位置