UI 조건
- 1.상단 메뉴바는 스크롤을 내려도 계속 상단에 노출된다.
- 2.각 메뉴바를 누르면 첫 화면으로 올라간다.
구현
See the Pen
jQuery Fixed Navigation UI by day.binna (@bitnaleeeee)
on CodePen.
설명
- cnt의 hieght가 300이므로, widow.scrolltop이 300이 넘어갈 경우, 해당 메뉴바를 상단(top=0)에 고정시키는 class를 입혀준다.
- 만약 window.scrolltop이 300 이하인 경우, 메뉴바를 상단에 고정시키게 되면, cnt보다 위에 있게 되므로 removeclass를 하여 적용을 해제시켜준다.