어떻게 구현 한거라고 생각하시나요?

Question

http://www.amorepacific.com/int/ko/about-us.html소스는 보지 않고 웹페이지만 봤을때어떻게 구현했을까 떠오르시나요?저는 음..이미지를 백그라운드 배경으로 설정해놓고,네이게이션을 주고 스크롤을 내릴때마다 해당 네비에 가는거 같은데..,웹페이지 스크롤 넘김이 너무 부드러워서 부들부들하네요 여러분들은 어떠신가요?PS : -프론트와 웹디가 할 줄 몰라 배우고 있는 백개발자...-

배고파서서러워요 · Accepted Answer

스크롤 직접 내릴 시 마우스 스크롤 만큼 이동하다 중간에 멈추는걸로 보아, 스크롤 반응 있을 시 트리거 잡아서 animation 효과로 지정 좌표(다음 이미지의 top까지)까지 이동시키고 있는 것 같습니다.(소스는 안봤습니다. 전제조건이 소스 없이라고 쓰셔서...)

Mambo · Answer

저는 개인적으로 퍼블리셔분들이 대단하다고 생각해요...(디자인 감각이 없어서 그런가봐요 ㅠㅠ)

순표 · Answer

스크롤 이벤트를 감지하여서 window.scrollY값에 따라서 해당되는 엘리먼트들의 변경사항을 적용하는 이벤트가 있고 마우스 휠이벤트를 감지하여서 위아래로 scrollY값이 해당엘리먼트의 offsetTop까지 이동되는 animation을 구현하고 easing효과도 준것으로 보이네요.(느낌상)

kmksk · Answer

http://alvarotrigo.com/fullPage/#firstPagehttp://www.hongkiat.com/blog/scrolling-effects-js-libraries/ 관련된 라이브러리들 많아요... 유행된지 좀 된것 같은데..

OHO32 · Answer

페러렐즈요~

어떻게 구현 한거라고 생각하시나요?

5개의 답변

Q&A 목록