<!DOCTYPE html><html><head><linkrel="stylesheet" type="text/css" href="styles.css"></head><body><headerclass="sticky-header"><nav><ul><li><ahref="#">Home</a></li><li><ahref="#">About</a></li><li><ahref="#">Services</a></li><li><ahref="#">Contact</a></li></ul></nav></header><divclass="content"><!-- Your website content goes here --></div><scriptsrc="script.js"></script></body></html>
window.addEventListener("scroll",function(){constheader=document.querySelector(".sticky-header");constscrollY=window.scrollY;if(scrollY>100){// Adjust the value as neededheader.classList.add("sticky");}else{header.classList.remove("sticky");}});