Please help

Question

Why nav background-color not change on scroll 🤔😑

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

Answer 1

https://code.sololearn.com/W4gM2hOVOmD9/

Answer 2

Innocent Masuku

https://www.w3schools.com/cssref/css_units.asp

https://webflow.com/blog/how-and-why-to-use-vh-and-vw-in-webflow

Answer 3

Height takes vh value not vw
Like
height : 100vh;

Answer 4

Can someone explain why we have vw on a height attribute like this:
>> .container_1{
width:100%;
height:140vw;

I failed to understand.

Answer 5

body{
background-color:black;
height:100vh;
}
.container_1{
width:100%;
height:150vw;

You've to edit this field of you code and It will be good 🌟

Answer 6

Just like they said
Viewport height
height : 100vh;
In the css snippet

Answer 7

This is your solution i think :

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

Answer 8

You declare height in vw which is wrong and not declare the height of the nav and nav . Sticky must be .sticky only and in the sticky class background property must bhi background-color:

Answer 9

https://akhandcrypto.blogspot.com/2022/01/blockchain-vs-database-hindi.html

Answer 10

Check this code output

Answer 11

You are changing "nav" class name. You have to change the body class name .And use add and remove instead of toggle.

Answer 12

css selector is wrong, it must be nav.sticky
and you changed position of the images to absolute so nav height become 0 therefore you are not able to see the change