/CSS/Bootstrap/Change nav background color on scroll css without bootstrap

Change nav background color on scroll css without bootstrap

Javascript on scroll change nav color

$(function () {
  $(document).scroll(function () {
    var $nav = $(".navbar-fixed-top");
    $nav.toggleClass('scrolled', $(this).scrollTop() > $nav.height());
  });
});

Source: stackoverflow.com

Change nav background color on scroll css without bootstrap

<script>
  $(document).ready(function()
  $(window).scroll(function(){
   var scroll = $(window).scrollTop();
     if(scroll>50){
      $("#nav").css("background", "#555");
       }
       else {
      $("#nav").css("background", "transparent");
       }
      })
   })
</script>

Similar codes

0 vote130 views1 answer
Bootstrap dropdown not working in angular 8
Javascript Bootstrap
-1 vote140 views2 answers
Bootstrap 5 toast display
Javascript Bootstrap
0 vote154 views1 answer
Bootstrap modal resize with jquery
CSS Bootstrap
0 vote163 views2 answers
Laravel bootstrap 5 install popper.js error
Javascript Bootstrap
12 votes139 views5 answers
Bootstrap copy to clipboard
Javascript Bootstrap
32 votes149 views6 answers
Alert bootstrap
CSS Bootstrap
0 vote71 views1 answer
Import button react-bootstrap
Javascript Bootstrap
0 vote144 views1 answer
Input area bootstrap highlight
CSS Bootstrap
44 votes226 views5 answers
Breakpoint bootstrap
CSS Bootstrap
0 vote136 views1 answer
How to add bootstrap to vue js
Javascript Bootstrap