웹에서 이벤트 관련 질문드립니다.

조회수 514회

안녕하세요.

아래 링크를 보면 스크롤할때 스크롤보다 약간 늦게 게시물이 따라오는 효과를 주고싶습니다.

http://taotajima.jp/works/

이런건 자바스크립트로 하는건지..혹시 이런 비슷한 라이브러리 있으면 추천부탁드립니다.

아니면 webgl을 사용해서 한건지..three.js 라이브러리라면 좀 더 자세한 사용방법을 알고싶습니다.

아니면 greensock 인건지..

이 효과를 사용하는데 자세한 사용방법을 알고싶습니다.

어떤걸로 이 효과를 만들 수 있을까요..

  • (•́ ✖ •̀)
    알 수 없는 사용자
  • parallax scrolling + CSS transition 으로 가능할 것 같은데, 일단 페이지 스크롤에 반응하여 스크롤대비 약간 덜 움직이는 요소들을 만든 후, 그 위치를 잡는 속성값(ex. absolute 포지션의 top)에 css transition을 적용하여 살짝 늦게 따라오는 효과를 주면 될 것 같아요. doodoji 2018.12.11 13:19
  • 네 저도 그렇게는 해봤는데, 자연스럽지는 않는것 같더라구요~ 특히 css 트랜지션은 부드럽지 못하기도 하구요~ 알 수 없는 사용자 2018.12.11 13:45
  • https://codepen.io/anon/pen/vvEaqe 원래 예제에 transition: 0.5s top ease-out; 이것만 추가한건데 느린가요? doodoji 2018.12.11 14:20
  • 감사합니다! 좋은 예제인것 같아요! 알 수 없는 사용자 2018.12.11 15:45

1 답변

답변을 하려면 로그인이 필요합니다.

프로그래머스 커뮤니티는 개발자들을 위한 Q&A 서비스입니다. 로그인해야 답변을 작성하실 수 있습니다.

(ಠ_ಠ)
(ಠ‿ಠ)