window.scroll(0,0)/window.scrollTo(0, 0) 不適用於 Chrome 中的移動設備

Question

我嘗試了很長時間讓 window.scroll(0,0) 在 Chrome 中的移動版本上工作。 然后我發現當我從 devtools 中刪除“移動視圖”時我的代碼有效。 為什么不是在移動設備上滾動到頂部，而是在桌面上工作？

例如，如果我點擊方案中的“下一步”按鈕，我的功能是這樣的：

handleNext = () => {
  ...
  window.scroll(0,0);
}

這適用於桌面。 我也試過window.scrollTo 。 同樣的事情也在發生：在桌​​面上滾動到頂部，而在移動設備上什么也沒有發生。

這是“溢出”元素的屏幕截圖它不是任何特定元素。 div 只是將主體構建得如此之高，以至於您需要在 chrome 內滾動。 所以滾動完全在 chrome 內部，而不是在元素內部。

Answer 1

通常，當溢出的元素不是 main/body/html 時，這不起作用。

您需要使溢出的元素滾動頂部。

您可以在此處查看更多信息