Jquery

요즘 많이 쓰이는 gnb floating 을 만들어봐요

martinooo 2021. 8. 4. 13:34

오랜만에 jquery 이용한 기능 구현을 해보네요!!

오늘은 일정 스크롤이 되면 gnb가 나타나는 코드를 짜보아요 

여기서 써야되는 메소드는 offset 입니다 

그리도 addClass and removeClass 기능 입니다! 

그리고 scroll 이벤트 또한 ui구현할때 많이 쓰는 이벤트 입니다 click , mouseover , mouseout 등등처럼요 

 

 

CodePen

 

See the Pen gnbFloating by 유국현 (@yoogukhyeon) on CodePen.

한번씩 따라해주시면 더 도움이 되겠죠?ㅎㅎ

 

감사합니다!

'Jquery' 카테고리의 다른 글

HTML 동적 콘텐츠 제이쿼리로 다루기  (3) 2024.08.29
오늘은 floating 만들어봐요!  (10) 2021.07.23
오늘은 go-Top 만들어봐요  (10) 2021.07.22
오늘은 Tab-Menu 만들어 봐요!  (10) 2021.07.21
Jquery 기본문법을 알아봐요!  (10) 2021.07.20