Bagaimana supaya navbar bisa ikut berubah warna active ketika di scroll?

bagaimana cara supaya navbar yang active bisa berubah saat di scroll?


<!DOCTYPE html>
<html>
<head>
   <title>noname</title>
   <style>
      * {
         margin: auto;
      }
      .satu {
         width: 100%;
         height: 100vh;
         background: grey;
      }
      .dua {
         width: 100%;
         height: 100vh;
         background: green;
      }
      .tiga {
         width: 100%;
         height: 100vh;
         background: salmon;
      }
      nav {
         width: 100%;
         height: 50px;
         background: black;
         position: fixed;
      }
      nav a {
         color: white;
         font-size: 20px;
         padding: 10px;
      }
      .active {
         background: salmon;
      }
   </style>
</head>
<body>
<nav>
   <a href="#satu" class="page active">SATU</a>
   <a href="#dua" class="page">DUA</a>
   <a href="#tiga" class="page">TIGA</a>
</nav>
<div class="satu" id="satu"></div>
<div class="dua" id="dua"></div>
<div class="tiga" id="tiga"></div>

<script src="js/jquery.js"></script>
<script src="js/jquery.easing.js"></script>
<script>

   $(".page").click(function(){
      var target = $(this).attr("href");
      var eltujuan = $(target).offset().top;

      $('html,body').animate({
         scrollTop: eltujuan
      },800,'easeInOutExpo');

      switch(target){
         case '#satu':
            $(this).siblings().removeClass("active");
            $(this).addClass("active");
         break;
         case '#dua':
            $(this).siblings().removeClass("active");
            $(this).addClass("active");
         break;
         case '#tiga':
            $(this).siblings().removeClass("active");
            $(this).addClass("active");
         break;
      }
      event.preventDefault();
   });

</script>
</body>
</html>

javascript css html

@iamfreestyler

341 Kontribusi 57 Poin

Diperbarui 6 tahun yang lalu

3 Jawaban:

itu

@dipong

1 Kontribusi 0 Poin

Dipost 6 tahun yang lalu

Maaf mas, yang berubah itu backgroundnya atau teksnya atau warna teksnya?

@tompradana

134 Kontribusi 95 Poin

Dipost 6 tahun yang lalu

pertanyaan itu sudah terjawab gan makasih :)

@iamfreestyler

341 Kontribusi 57 Poin

Dipost 6 tahun yang lalu

Kelas Premium! Belajar bikin website dari nol sekarang

Kelas Premium! Belajar Javascript untuk website

Bagaimana supaya navbar bisa ikut berubah warna active ketika di scroll?

Kelas Premium!
Belajar bikin website dari nol sekarang

Kelas Premium!
Belajar Javascript untuk website