https://retinalphysician.com/scripts/PV%20Sites/topNavSizeAdjust.js

1// JavaScript Document
2
3document.addEventListener("DOMContentLoaded", function () {
4  var nav = document.getElementById("topNav");
5  var contentSection = document.getElementById("navAdjuster");
6
7  function updateNavClass() {
8    var contentSectionRect = contentSection.getBoundingClientRect();
9    if (contentSectionRect.top <= 0) {
10      nav.classList.add("nav-scrolled");
11    } else {
12      nav.classList.remove("nav-scrolled");
13    }
14  }
15
16  // Check initial scroll position on page load
17  updateNavClass();
18
19  window.addEventListener("scroll", function () {
20    // Update nav class on scroll
21    updateNavClass();
22  });
23});