Chrome和safari/firefox之間的滾動行爲差異

Question

因此，我正在爲我的應用程序構建一個呈現系統，該對象從集合中拉出對象，並在頁面滾動時通過js模板運行em以創建更多的子項。本質上，它檢測到容器底部何時到達並移除頂層行渲染元素，並將一行模板對象附加到容器底部，同樣，但對於頂部滾動而言是相反的。

功能本身不是問題。我已經在Chrome中使用了100％，但是這個問題從其他瀏覽器開始。在Chrome中，它就好像容器永遠滾動一樣，但在safari/firefox中，當滾動觸及底部時，會顯示新行，但滾動停留在底部，因此看起來最後一行不斷被下一行代替行渲染。

我的問題是如何確定滾動操作的差異，以便我可以找出解決方案？

Answer 1

因此，發生的差異是Chrome有一個新功能，他們建立在稱爲滾動錨定。他們添加了它，所以新增的內容將不會攪亂頁面。它恰好是我構建的渲染系統的一個缺失部分，它不僅僅在鉻上丟失。我仿效它在我自己的代碼中做了什麼，現在它可以在所有其他瀏覽器上正常工作。

對於任何人都好奇，chrome有一個名爲overflow-anchor的行爲的css控件：auto或none;