From eabe6dbfd1aead3cd9c14eb3db4376afebce3080 Mon Sep 17 00:00:00 2001
From: Zach <duong.nguyen@rochester.edu>
Date: Mon, 16 Oct 2023 14:16:51 -0400
Subject: [PATCH] [script] Detect scroll on wrapper now since wrapper is the
 new scroll context

---
 script.js | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/script.js b/script.js
index 103ac97..3d198d7 100644
--- a/script.js
+++ b/script.js
@@ -1,4 +1,5 @@
 document.addEventListener('DOMContentLoaded', () => {
+    const wrapper = document.querySelector('.wrapper');
     const navBar = document.querySelector('nav');
     const navigationLinks = navBar.querySelectorAll('li');
     const hamburgerCheckbox = navBar.querySelector('.peer');
@@ -17,11 +18,11 @@ document.addEventListener('DOMContentLoaded', () => {
 
     // Navbar appears on scroll down and hides on scroll up
 
-    let lastScrollY = window.scrollY;
+    let lastScrollY = wrapper.scrollTop;
 
-    window.addEventListener('scroll', () => {
-        window.scrollY - lastScrollY > 0 ? hideNavBar() : showNavBar();
-        lastScrollY = window.scrollY;
+    wrapper.addEventListener('scroll', () => {
+        wrapper.scrollTop - lastScrollY > 0 ? hideNavBar() : showNavBar();
+        lastScrollY = wrapper.scrollTop;
     });
 
     function hideNavBar() {