/CSS/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

18 votes162 views3 answers
Css center alignment
CSS
8 votes154 views2 answers
Css background image full screen responsive
CSS
0 vote185 views1 answer
Css tips and tricks to handle the complicated stuffs in design part which is helpfull to handle at tha critical time and to deliver requirement to the client to the main resource
CSS
7 votes133 views3 answers
Bootstrap remove outline
CSS
16 votes147 views3 answers
Remove underline hover css
CSS
0 vote163 views1 answer
SCSS Auto link coloured button style
CSS
6 votes145 views4 answers
Backdrop filter css
CSS
23 votes119 views5 answers
Font weight css
CSS
0 vote158 views2 answers
Background image path
CSS
0 vote119 views1 answer
Make clicks pass through element css html
CSS