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

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.