처음엔 페이지 로더를 구현하려고 했는데 ,
최근
NAVER DEV OPEN CLASS
신입 개발자 언택트 채용 설명회 성장에 목마른 개발자라면
campaign.naver.com
위의 홈페이지를 보고, 구현해보고 싶은 효과가 생겼다.
바로바로
'스크롤을 내릴 때, 데이터가 하나씩 나타나는 효과'
앞으로 계속 구현해볼테지만,
구현 전에 참고할 몇 가지 사이트를 가져왔다.
차근차근 하나씩 해보고, 내가 구현한 페이지와 가장 알맞고 + 매끄럽게 동작되는 코드를 찾아봐야겠다.
1. 플러그인으로 사용하면 좋을 것 같아서 가져왔고
jQuery FadeThis
Installation Download the plugin here : https://github.com/lwiesel/jquery-fadethis/archive/master.zip or use the Bower Component available by taping: bower install jquery-fadethis Then, include the script after jQuery. Requires jQuery 1.4+. Basic usage Add
lwiesel.github.io
2. 설명이 아주 잘 되어있어서 가져왔다_1
[interactive web] 스크롤(scroll) 이벤트로 목록을 더 아름답게 만들어보자
애플의 웹 사이트는 멋지다. 사이트에 특별한 기능이 있는건 아니다. 대부분 제품 소개 페이지다. 제품 소개페이지를 얼마나 잘 만들었길래, 뭐가 멋지다는걸까? 의문이 들 법하다. 그런데, 하나
blueshw.github.io
3. 설명이 아주 잘 되어있어서 가져왔다_2
[JS] 스크롤 페이드인 효과
이래나 저래나 원페이지가 많은 가운데, 여기에 쓰이는 스크롤 효과도 참 많습니다. 그중에 가장 유명(?)하고 대중적인 건 스크롤 할 때 요소가 페이드인 되는 효과인 듯 합니다. 그래서 이걸 직�
nykim.work
'OLD_달려라 > Web' 카테고리의 다른 글
| [JS] 스크롤 내릴 때 효과 나타내기_(3)React에서 JQuery 사용하기 (0) | 2020.07.31 |
|---|---|
| [JS] 스크롤 내릴 때 효과 나타내기_(2)FadeThis + React에서 JQuery 사용하기 (0) | 2020.07.30 |
| 책과 함께] (비)영화 상세 정보 기능 만들기 + 리다이렉트 기능 (0) | 2020.07.12 |
| 책과 함께] (비)라우터(Link 컴포넌트)로 네비게이션 만들기 (0) | 2020.07.12 |
| 책과 함께] (비)라우터 만들어보기 (0) | 2020.07.11 |
댓글