janis/dertyp7.github.io
1
0
Fork 0
mirror of https://github.com/DerTyp7/dertyp7.github.io.git synced 2025-10-29 12:52:08 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add hash change listener to update current section index

Browse Source
This commit is contained in:
dertyp7
2024-01-14 13:03:19 +01:00
parent 1607c136d8
commit d171cf1d7e
1 changed files with 17 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/SectionScroll.tsx
View File

@@ -1,9 +1,25 @@
import { useState } from "react"; import { useState, useEffect } from "react";
import "@styles/SectionScroll.scss"; import "@styles/SectionScroll.scss";
export default function SectionScroll({ sections }: { sections: string[] }) { export default function SectionScroll({ sections }: { sections: string[] }) {
const [currentSectionIndex, setCurrentSectionIndex] = useState(0); const [currentSectionIndex, setCurrentSectionIndex] = useState(0);
useEffect(() => {
const hash = window.location.hash.substring(1);
const index = sections.indexOf(hash);
if (index !== -1) {
setCurrentSectionIndex(index);
}
}, []);
window.onhashchange = () => {
const hash = window.location.hash.substring(1);
const index = sections.indexOf(hash);
if (index !== -1) {
setCurrentSectionIndex(index);
}
};
function scrollTo(direction: number) { function scrollTo(direction: number) {
let newIndex = currentSectionIndex + direction; let newIndex = currentSectionIndex + direction;
if (newIndex < 0) newIndex = sections.length - 1; if (newIndex < 0) newIndex = sections.length - 1;