I want to add a background to the top nav of the page on scroll, anybody could help me!

Question

https://code.sololearn.com/WwWnM0UH4jdG/?ref=app

Answer 1

window.onscroll = function(){
if (window.scrollY > 80) {
document.querySelector("header").style.background = "red";
}else{
document.querySelector("header").style.background = "none";
}
}

This might help you you can replace 80 with height of your header tag

Answer 2

Hi! If you have created such a beautiful website, then you should be able to do it

Answer 3

are you having trouble saving and displaying the picture? or something else?

Answer 4

very cool site! did you make it yourself?

Answer 5

Yeah! I created it myself, just help if you can, long story short bro!

Answer 6

Nope! just the top nav background on scroll...

Answer 7

Thanks bro! It works fine now.

Answer 8

you could make it smoother by adding in css:

header {
transition:background-color 0.7s;
}

Answer 9

Yeah! I created it myself, and I am still working on it... Please like my code.

Answer 10

bookmark