Breaking News: Grepper is joining You.com. Read the official announcement!

change nav color on scroll vanilla js

Add Answer

Lively Ladybird answered on July 14, 2020 Popularity 6/10 Helpfulness 6/10

answer change nav color on scroll vanilla js

related change nav color on scroll vanilla js

related javascript on scroll change nav color

change nav color on scroll vanilla js

Comment

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

Popularity 6/10 Helpfulness 6/10 Language javascript

Source: stackoverflow.com

Tags: javascript nav scroll

Link to this answer
Share Copy Link

Contributed on May 23 2021

Lively Ladybird

0 Answers Avg Quality 2/10

Closely Related Answers

change nav color on scroll vanilla js

Comment

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");
  }
};

Popularity 7/10 Helpfulness 9/10 Language javascript

Source: stackoverflow.com

Tags: javascript nav scroll

Link to this answer
Share Copy Link

Contributed on May 23 2021

Lively Ladybird

0 Answers Avg Quality 2/10

javascript on scroll change nav color

Comment

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

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: stackoverflow.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Jul 14 2020

Filthy Falcon

0 Answers Avg Quality 2/10

change nav color on scroll vanilla js

Contents

More Related Answers

change nav color on scroll vanilla js

Closely Related Answers

change nav color on scroll vanilla js

javascript on scroll change nav color

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.