본문 바로가기

Publishing

webtoon-like

네이버웹툰 보다가 따라해봤다.

  1. 스크롤 시 상,하단 네비를 숨긴다.
  2. 컨텐츠 클릭시 상,하단 네비를 토글한다.
  3. 화면 최상단이나 최하단에 닿으면 네비가 나타난다. 
  4. 맨 위로 가는 버튼과 메뉴버튼이 있다.


자꾸 이 부분을 까먹어서 검색하게 된다. 

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.


만든 김에 블로그에도 적용.


https://saintsilver.github.io/webtoon-like/