fixed scroll error

AlexBeesley · May 28, 2023 · 3ee8c7d · 3ee8c7d
1 parent 4cc21cb
commit 3ee8c7d
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 1 deletion.
diff --git a/src/Pages/ErrorPage.tsx b/src/Pages/ErrorPage.tsx
@@ -1,7 +1,12 @@
-import React from "react";
+import { useEffect } from 'react';
 import Styles from "../Styles/main.module.scss";
 
 function ErrorPage() {
+
+  useEffect(() => {
+    window.scrollTo(0, 0);
+  }, []);
+
   return (
     <div className={Styles.error}>
       <p><i className="fa-solid fa-bug"></i> 404: Page not found</p>

diff --git a/src/Pages/WebDev.tsx b/src/Pages/WebDev.tsx
@@ -1,3 +1,4 @@
+import { useEffect } from 'react';
 import Style from '../Styles/pages.module.scss'
 import Card from '../Components/card'
 import CodeBox from '../Components/codebox'
@@ -13,6 +14,11 @@ export default function WebDev() {
     'An introduction to React',
     'Alternative Frameworks',
   ]
+
+  useEffect(() => {
+    window.scrollTo(0, 0)
+  }, [])
+
   return (
     <div>
       <div className={Style.title}>

diff --git a/src/Pages/devops.tsx b/src/Pages/devops.tsx
@@ -1,3 +1,4 @@
+import { useEffect } from 'react';
 import Style from '../Styles/pages.module.scss'
 import Card from '../Components/card'
 import CodeBox from '../Components/codebox'
@@ -6,6 +7,11 @@ import img1 from '../Images/agile.png'
 
 export default function DevOps() {
   const titles = ['Overview', 'Agile Working', 'Azure']
+
+  useEffect(() => {
+    window.scrollTo(0, 0);
+  }, []);
+
   return (
     <div>
       <div className={Style.title}>

diff --git a/src/Pages/dotnet-and-csharp.tsx b/src/Pages/dotnet-and-csharp.tsx
@@ -1,3 +1,4 @@
+import { useEffect } from 'react';
 import Style from '../Styles/pages.module.scss'
 import Card from '../Components/card'
 import CodeBox from '../Components/codebox'
@@ -20,6 +21,11 @@ export default function Dotnetandcsharp() {
     'Adding Entity Framework Core',
     'Extension Methods',
   ]
+
+  useEffect(() => {
+    window.scrollTo(0, 0);
+  }, []);
+
   return (
     <div>
       <div className={Style.title}>