change nav color on scroll vanilla js code example

Example 1: javascript on scroll change nav color

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

Example 2: change nav color on scroll vanilla js

var myNav = document.getElementById("nav");

window.onscroll = function() {
  "use strict";
  if (document.body.scrollTop >= 280 || document.documentElement.scrollTop >= 280) {
    myNav.classList.add("scroll");
  } else {
    myNav.classList.remove("scroll");
  }
};

Example 3: change nav color on scroll vanilla js

if (document.body.scrollTop >= 280 || document.documentElement.scrollTop >= 280) {