HTML & CSS Yardım Lütfen
 

Arkadaşlar selam sabah bir konu açmıştım navbarda yapamadığım bir konu daha oldu 2'dir buradan konu açıyorum ama umarım hatalı değildir. Navbar aşağıya kaydığında arka planı olmuyor arka planı beyaz olmasını istiyorum aşağı kayınca nasıl yapabiliriz ?

Site: https://gardbot.xyz

Aşağı kayınca böyle oluyor;
Şimdiden teşekkür ederim <3

javascript ile navbarı seçin. Ardından koşul komutu ile eğer kaydırma yüksekliği yani scrollTop > 0 ise navbar kısmının arkaplanını beyaz verin.

Menün beyaz olması gerekiyor. Navbar classına bg-white
ama yok menü beyaz olmayacaksa javascript ile scroll eventine bg-white classı eklemen gerek ve scroll yukarı eventa bg-white classı silmen gerekir.

https://stackoverflow.com/questions/...ith-javascript burada aradığınızı bulabilirsiniz

Teşekkür ederim javascript kodu eklemiştim zaten ama düzgün çalışmıyor.


<script>
  $(function () {
    $(window).on('scroll', function () {
        if ( $(window).scrollTop() > 10 ) {
            $('.navbar').addClass('active');
        } else {
            $('.navbar').removeClass('active');
        }
    });
});
</script>

Navbarda şuan hata yok
Tarayıcı verilerini silip bakın

aşağıya indiğinde sayfa oluyor bir sorun yok gözüküyorsa bir ekran görüntüsü atabilir misiniz lütfen. Bir de hangi tarayıcıdan bakıyorsunuz?

Chrome brave her ikisine de sorun yok

Mobilde sorun yok zaten sorun bilgisayarda.

JavaScript kodunu jquery.min.js scriptinin altına eklemeniz gerekiyor.

Hocam bootstrap kullanıyorsunuz
Divlerden birisi kapanmamış yada div içine dışına yanlış yere koydunuz nav'ı kolay kolay hata vermez kullandığınız framework
Classlara bakinin birde sm lg fluid vs

W3 üzerinden kontrol ettiniz mi

Yardımcı olan herkese teşekkür ederim sorunu çözdüm.