FilesExpand file tree

 main

/

Nav.js

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

41 lines (31 loc) · 981 Bytes

 main

/

Nav.js

Copy path

Top

File metadata and controls

• Code
• Blame

41 lines (31 loc) · 981 Bytes

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

import React, { useEffect, useState } from 'react'

import './Nav.css';

function Nav() {

const [show, handleShow] = useState(false);

useEffect(() =>{

window.addEventListener("scroll", ()=>{

if(window.scrollY >100){

handleShow(true);

}

else handleShow(false);

});

return () =>{

window.removeEventListener("scroll");

};

},[]);

return (

<div className={`nav ${show && "nav_black"}`}>

<img

className="nav__logo"

src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/08/Netflix_2015_logo.svg/1200px-Netflix_2015_logo.svg.png"

alt="Netflix Logo"

/>

<img

className="nav__avatar"

src="https://upload.wikimedia.org/wikipedia/commons/0/0b/Netflix-avatar.png"

alt="Netflix logo"

/>

</div>

)

}

export default Nav