https://clspectrum.com/scripts/PV%20Sites/searchIconFixed.js

1// JavaScript Document
2document.addEventListener("DOMContentLoaded", function () {
3  var sicon = document.getElementById("menuSearch");
4  var secondaryNav = document.getElementById("secondaryNav");
5
6  function updateIconClass() {
7    var secondaryNavRect = secondaryNav.getBoundingClientRect();
8    if (secondaryNavRect.top <= 0) {
9      sicon.classList.add("fixed-icon");
10      secondaryNav.classList.add("secondary-scrolled");
11    } else {
12      // Check if the user has scrolled back to 145px from the top
13      if (window.scrollY <= 145) {
14        sicon.classList.remove("fixed-icon");
15        secondaryNav.classList.remove("secondary-scrolled");
16      }
17    }
18  }
19
20  // Check initial scroll position on page load
21  updateIconClass();
22
23  window.addEventListener("scroll", function () {
24    updateIconClass();
25  });
26});