Also refresh scroll effect on (re)load.

src/js/scripts.js

@@ -1,17 +1,14 @@
-document.addEventListener('DOMContentLoaded', () =>
+window.addEventListener('pageshow', () =>
 {
   /**
    * @type {NodeListOf<HTMLVideoElement>}
    */
   const parallaxElems = document.querySelectorAll('.parallax');
 
-  // Handle scroll events.
+  const refreshScrollLinkedPositioningEffect = () =>
-  window.addEventListener('scroll', () =>
   {
-  // 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>}
    */