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

我正在建立一个聊天室。

当用户向上滚动时 scrollTop 在聊天室元素上达到 scrollHeight ,我加载旧邮件。

它在镀铬上工作得非常好,连接良好,你甚至没有注意到负载。

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

因此,当您到达顶部3%时,会加载较旧的消息,并且该条会跳到顶部的“3%”。这会让您错过一堆添加的消息,最重要的是,会再次触发旧消息3%的加载。

有没有什么方法可以防止这种情况发生,并让它像在firefox上一样运行?

我正在使用ReactJS和jquery