/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

118 votes305 views6 answers
Instalar bootstrap en react
Javascript Bootstrap
3 votes243 views2 answers
DevTools failed to load SourceMap: Could not load content for bootstrap.min.css.map
CSS Bootstrap
0 vote241 views1 answer
Reactbootstrap multiselect
Javascript Bootstrap
14 votes238 views2 answers
.col-12 bootstrap
CSS Bootstrap
5 votes237 views4 answers
Hide bootstrap modal jquery
Javascript Bootstrap
64 votes264 views4 answers
Bootstrap buttons
CSS Bootstrap
-1 vote203 views1 answer
Bootstrap prevent dropdown from closing on click
Javascript Bootstrap
0 vote236 views1 answer
Adding bootstrap to angular global styles
Javascript Bootstrap
0 vote205 views1 answer
Dynamically fill bootstrap card
Javascript Bootstrap
4 votes236 views4 answers
Bootstrap modal popup disable click outside
Javascript Bootstrap