如何使滾動條從每個頁面的頂部開始

Question

誰能幫幫我？ 在我的反應應用程序中，我有 3 個頁面 1.Homepage 2.Settings 頁面 3.Profile 頁面

當我在主頁中向下滾動並導航到配置文件或設置頁面時，它會顯示與我在主頁中離開滾動條的位置相對應的這些下一頁的底部。

導航時如何停止對記住滾動點的反應。

Answer 1

要滾動到頂部，請包含useEffect() ，它會在該組件加載時將頁面滾動到頂部。 將此包含在您要在加載時滾動到頂部的每個頁面上。

import { useEffect } from "react";

export const Homepage = () => {

   useEffect(() => window.scrollTo(0, 0), []);

   return (<>Hello, world!</>)

}

請注意， useEffect的第二個參數可以采用一個變量，以便在該變量更改時運行。 這可以讓您將此代碼包含在監視頁面更改的更高級別的組件中。

useEffect(() => window.scrollTo(0, 0), [page]);