在向 React 中的狀態(tài)數(shù)組添加新項(xiàng)目時(shí)，我遇到了一個(gè)意想不到的問題，這導(dǎo)致更多項(xiàng)目被添加到 DOM 中。在 Safari 和 Firefox 中，這會(huì)導(dǎo)致新的 DOM 項(xiàng)目被添加到折疊下方，我必須向下滾動(dòng)才能看到新項(xiàng)目。在 Chrome 中，屏幕保持滾動(dòng)到頁面底部，項(xiàng)目添加在上方。這意味著我需要向上滾動(dòng)才能看到新項(xiàng)目。這顯然不是延遲加載或“加載更多”按鈕以查看列表中更多博客文章的預(yù)期行為。請(qǐng)參閱此處：https ://codesandbox.io/s/new-leaf-0fnv5?file=/src/App.js以下是一些其他觀察結(jié)果：我在另一臺(tái)裝有 Chrome 的 Mac 上試過它，它的行為更像 Safari 和 Firefox，但稍微向上滾動(dòng)，以便在單擊“添加更多”之前看到最后一個(gè)項(xiàng)目。鑒于兩種瀏覽器之間的差異，必須有一種方法來實(shí)現(xiàn)更穩(wěn)定的預(yù)期行為。我以前創(chuàng)建過類似的“加載更多”列表，但以前從未遇到過。我也從未在其他實(shí)時(shí)網(wǎng)站上看到過這種行為，所以很明顯我正在做一些不同的事情來觸發(fā) Chrome 有時(shí)會(huì)以這種方式運(yùn)行，我只是不知道是什么。我在 SO 上注意到一兩個(gè)類似的問題，但沒有一個(gè)解決了為什么在 Chrome 中有時(shí)會(huì)發(fā)生這種情況，但并非總是如此。關(guān)于可能影響 Chrome 以這種意外方式運(yùn)行的任何建議？