Html chrome和safari/firefox之间的滚动行为差异

因此，我正在为我的应用程序构建一个渲染系统，该系统从集合中提取对象，并通过js模板运行em，以便在页面滚动时创建更多子对象。本质上，它检测何时到达容器的底部，并删除渲染元素的顶行，并将一行模板化对象追加到容器的底部，同样，滚动到顶部的情况相反

功能本身不是问题。我已经让它在chrome中100%正常工作，但问题是从其他浏览器开始的。在chrome中，容器似乎永远滚动，但在safari/firefox中，当滚动到达底部时，会渲染新行，但滚动保持在底部，因此看起来最后一行总是被下一行替换

---

我的问题是如何确定滚动操作方式的差异，以便找到解决方案？

因此，所发生的差异是chrome内置了一个新功能，称为滚动锚定。他们添加了它，这样添加到页面上的新内容就不会引起滚动。它恰好是我正在构建的渲染系统中缺失的一部分，而不仅仅是在chrome上。我在自己的代码中模拟了它所做的事情，现在它可以在所有其他浏览器上正常工作

对任何好奇的人来说，chrome有一个css控件来控制这种行为，称为溢出锚：自动或无