/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

1 vote217 views1 answer
Macbook change screenshot to jpg
CSS
14 votes293 views2 answers
.col-12 bootstrap
CSS Bootstrap
0 vote167 views1 answer
Tailwind css absolute pin
CSS
2 votes172 views1 answer
Fix nav bar to left css
CSS
-1 vote191 views1 answer
Css media queries laptop
CSS
0 vote211 views2 answers
List view render queryset
CSS
0 vote323 views1 answer
Bootstrap put button on one line
CSS Bootstrap
2 votes270 views1 answer
Make a quarter of circle css
CSS
1 vote208 views1 answer
Width defined by content css
CSS
12 votes190 views4 answers
Sticky header
CSS