Javascript Firefox scrollTop在添加内容时保持相同的相对位置

我正在建立一个聊天室

当用户向上滚动，聊天元素上的

scrollTop

达到

scrollHeight

的3%时，我会加载较旧的消息

它在铬合金上工作得非常好，连接良好，你甚至没有注意到负载

然而，在Firefox上，当我添加旧消息时，滚动条似乎希望保持相同的“百分比”（相对）位置

因此，当您到达顶部3%时，会加载较旧的消息，并且该条会从顶部跳到“3%”。这会使您错过一堆添加的消息，并且，除此之外，还会再次触发3%的旧消息加载

有没有办法防止这种情况发生，让它像在firefox上一样运行

---

我正在使用ReactJS和jquery

通过以下方法修复它：