CoderArgon adlı üyeden alıntı: mesajı görüntüle
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"; } }
Ustam büyük ihtimal kopyala yapıştır yapmışsın. Bu kod event listener eklemeden JQuery'nin yeni versiyonlarında çalışmaz. Sorunsuz çalışacak kod bu şekilde olmalı:
document.addEventListener("scroll", function() {
if (window.pageYOffset > 10)document.getElementById('navbar').style.top = "0";
else     document.getElementById('navbar').style.top = "-150";
    
});