diff --git a/src/js/scripts.js b/src/js/scripts.js index c9fe264..dace6de 100644 --- a/src/js/scripts.js +++ b/src/js/scripts.js @@ -1,17 +1,14 @@ -document.addEventListener('DOMContentLoaded', () => +window.addEventListener('pageshow', () => { /** * @type {NodeListOf} */ 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} */