javascript scroll fonksiyonun kullacansın burada scroll 10 dan küçükse devreye girecek şekilde yazacaksın sonra sı css kodları
Biraz Araştırırsan Yapabilirsin Gerçekten Çok Zor Değil
Örnek Olarak Aşağıdaki Kodları İncelleyebilirsin

window.onscroll = function() {scrollFunction()};

function scrollFunction() {
  if (document.body.scrollTop < 10 || document.documentElement.scrollTop < 10) {
    document.getElementById("navbar").style.top = "0";
  } else {
    document.getElementById("navbar").style.top = "-50px";
  }
}