var header = document.getElementById('header-id'); // Target the element with id="header-id" // window.location.pathname === '/' ? 550 : 250; Set scroll point based on the current page header.style.backgroundColor = '#1d2327'; // Change the background color to #1d2327 header.style.backgroundColor = ''; // Reset the background color // Check the current scroll position on load