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

Also refresh scroll effect on (re)load.

Browse source
This commit is contained in:
Bob Vandevliet 2025-05-24 17:59:29 +02:00
parent 3f451c9936
commit 40da2349bf
1 changed files with 9 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/js/scripts.js
View file

@ -1,17 +1,14 @@
document.addEventListener('DOMContentLoaded', () =>
window.addEventListener('pageshow', () =>
{
/**
* @type {NodeListOf<HTMLVideoElement>}
*/
const parallaxElems = document.querySelectorAll('.parallax');
// Handle scroll events.
window.addEventListener('scroll', () =>
const refreshScrollLinkedPositioningEffect = () =>
{
// Add class to body when scrolled.
document.body.classList.toggle('is-scrolled', window.scrollY > 0);
// Parallax effect.
parallaxElems.forEach(parallaxElem =>
{
const parentElem = parallaxElem.parentElement;
@ -23,8 +20,14 @@ document.addEventListener('DOMContentLoaded', () =>
parallaxElem.style.top = `${(windowScroll - parentScroll) / 4}px`;
});
});
};
refreshScrollLinkedPositioningEffect();
window.addEventListener('scroll', refreshScrollLinkedPositioningEffect);
});
document.addEventListener('DOMContentLoaded', () =>
{
/**
* @type {NodeListOf<HTMLElement>}
*/