sticky header

براي هدر صفحم كد نوشتم كه در حال اسكرول بمونه بالاي صفحه و كاملا بخوبي داشت كار ميكرد و 10 دقيقه اخر وقتي براي چك كردن دوباره لود كردم ديگ كار نميكنه

كد html:

<div class="divheader" id="myHeader">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="26" height="26" viewBox="0 0 172 172" style=" fill:#c1afa4; float:left; margin-top:26px;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="****" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g fill="#c1afa4"><path d="M21.5,21.5v129h64.5v-32.25v-64.5v-32.25zM86,53.75c0,17.7805 14.4695,32.25 32.25,32.25c17.7805,0 32.25,-14.4695 32.25,-32.25c0,-17.7805 -14.4695,-32.25 -32.25,-32.25c-17.7805,0 -32.25,14.4695 -32.25,32.25zM118.25,86c-17.7805,0 -32.25,14.4695 -32.25,32.25c0,17.7805 14.4695,32.25 32.25,32.25c17.7805,0 32.25,-14.4695 32.25,-32.25c0,-17.7805 -14.4695,-32.25 -32.25,-32.25z"></path></g></g></svg>
<h1 class="h1s">Candelin</h1>
<a href="ContactPage.html" class="buttons" target="blank">Contact</a>
<a href="AboutUsPage.html" class="buttons" target="blank">About us</a>
<a href="ProductsPage.html" class="buttons" target="blank">Products<img src="icons8-wishlist-32.png" style="width:28px; height:28px; display:inline; overflow:auto; float:right; margin-top:-6px;"></a>
<a href="Faranak.Jabbari.Final.Project.html" class="buttons" target="blank">Home</a>
</div>

كد javascript:

<script>
window.onscroll = function() {myFunction()};

var header = document.getElementById("myHeader");
var sticky = header.offsetTop;

function myFunction() {
  if (window.pageYOffset > sticky) {
    header.classList.add("sticky");
  } else {
    header.classList.remove("sticky");
  }
}
console.log('myFunction()');
</script>