[j-Query] Fixed Navigation UI

devbinna·2024년 1월 1일
0

[j-Query]

목록 보기
6/8
post-thumbnail

UI 조건

  1. 1.상단 메뉴바는 스크롤을 내려도 계속 상단에 노출된다.
  2. 2.각 메뉴바를 누르면 첫 화면으로 올라간다.

구현

See the Pen jQuery Fixed Navigation UI by day.binna (@bitnaleeeee) on CodePen.

설명

  1. cnt의 hieght가 300이므로, widow.scrolltop이 300이 넘어갈 경우, 해당 메뉴바를 상단(top=0)에 고정시키는 class를 입혀준다.
  2. 만약 window.scrolltop이 300 이하인 경우, 메뉴바를 상단에 고정시키게 되면, cnt보다 위에 있게 되므로 removeclass를 하여 적용을 해제시켜준다.
profile
프론트엔드 개발자

0개의 댓글

관련 채용 정보