/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

145 votes420 views6 answers
Add bootstrap to react
CSS Bootstrap
33 votes394 views3 answers
React native bootstrap
Javascript Bootstrap
19 votes320 views3 answers
Bootstrap media queries
CSS Bootstrap
44 votes408 views5 answers
Breakpoint bootstrap
CSS Bootstrap
253 votes514 views10 answers
Bootstrap cdn
CSS Bootstrap
0 vote393 views1 answer
How to make bootstrap cards same height css trics
CSS Bootstrap
0 vote369 views1 answer
Bootstrap carousel dynamic height jquery
Javascript Bootstrap
0 vote374 views1 answer
Bootstrap 4 open tab when opening modal
Javascript Bootstrap
2 votes384 views1 answer
Size carousel bootstrap 4
CSS Bootstrap
6 votes399 views4 answers
Angular bootstrap not working
Javascript Bootstrap