네이버웹툰 보다가 따라해봤다.
- 스크롤 시 상,하단 네비를 숨긴다.
- 컨텐츠 클릭시 상,하단 네비를 토글한다.
- 화면 최상단이나 최하단에 닿으면 네비가 나타난다.
- 맨 위로 가는 버튼과 메뉴버튼이 있다.
자꾸 이 부분을 까먹어서 검색하게 된다.
1 2 3 4 | //화면 최상단에 닿는지 $(window).scrollTop() === 0 // 화면 최하단에 닿는지 $(window).scrollTop() == $(document).height() - $(window).height() | cs |
https://jsfiddle.net/ao86gsnm/9/
See the Pen Webtoon-like by kutar37 (@kutar37) on CodePen.
만든 김에 블로그에도 적용.
