bvandevliet/Vandevliet.AerialShots.Website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Highlight contact section when navigating to it.

Browse source
This commit is contained in:
Bob Vandevliet 2025-05-24 18:48:18 +02:00
parent 8961510492
commit d6115aa0bb
2 changed files with 58 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

23
src/js/scripts.js
View file

@ -1,3 +1,24 @@
const highlightSectionFromHash = () =>
{
const { hash } = window.location;
if (hash === '#section-contact')
{
const section = document.getElementById(hash.substring(1))?.parentElement;// .closest('section');
if (section)
{
setTimeout(() =>
{
section.classList.add('scrollto-highlight');
setTimeout(() => section.classList.remove('scrollto-highlight'), 1000);
}, 500);
}
}
};
window.addEventListener('hashchange', highlightSectionFromHash);
window.addEventListener('pageshow', () =>
{
/**
@ -24,6 +45,8 @@ window.addEventListener('pageshow', () =>
refreshScrollLinkedPositioningEffect();
window.addEventListener('scroll', refreshScrollLinkedPositioningEffect);
highlightSectionFromHash();
});
document.addEventListener('DOMContentLoaded', () =>