saschabach
/
portfolio-page
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

added scrollintoview

This commit is contained in:
Sascha 2025-08-28 13:59:43 +02:00
parent 350fc82533
commit 905517a690
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/layout/Navigation.tsx
View File

@ -19,6 +19,13 @@ export default function Navbar({ theme, setTheme }: Props) {
'Contact', 'Contact',
]; ];
function scrollToSection(section: string): void {
const element = document.getElementById(section);
if (element) {
element.scrollIntoView({ behavior: 'smooth' });
}
}
return ( return (
<div className="navbar"> <div className="navbar">
<div className="navbar__name">{personalConfig.name}</div> <div className="navbar__name">{personalConfig.name}</div>
@ -26,7 +33,7 @@ export default function Navbar({ theme, setTheme }: Props) {
{menuItems.map((item) => ( {menuItems.map((item) => (
<button <button
key={item} key={item}
/* onClick={() => scrollToSection(item.toLowerCase())} */ onClick={() => scrollToSection(item.toLowerCase())}
className="navbar__container__button" className="navbar__container__button"
> >
{item} {item}