안녕하세요 프론트앤드 관심있어하는 웹퍼블리셔입니다.

Question

사이트 참고하면서 공부하고 있는 웹퍼블리셔입니다.지나가다 어느 한 사이트를 보왔는데 효과가 너무 좋아 같은 느낌으로 개발을 하고 있습니다.혼자 공부하다보니 이런 효과가 무슨효과이고 어떤원리인지 찾는데에 한계가 있어 이렇게 질문 드립니다ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ질문 내용https://2023.magwai.digital/해당 사이트의 &#34;our work&#34; 효과 입니다.섹션은 그대로 유지하나 섹션 안에 있는 텍스트만 바뀌는 효과를 시도 하고있습니다.조언해주시면 감사드리겠습니다.

녹호 · Answer

해당 사이트가 효과 대부분 프론트엔드라기보다 퍼블리셔의 영역 같습니다. 말씀하신 부분도 그냥 스크롤 애니메이션 같네요. skrollr.js를 사용하면 비슷하게 구현할 수 있을 것 같습니다.

brian55 · Answer

parallax scroll 이라는 UX네요 해당 키워드로 검색해보셔요내부 구현원리는 실은 뒷배경은 계속 스크롤 되지만 보여주고 싶은 요소는 특정구간동안 position: sticky로 떠있는 원리입니다,

안녕하세요 프론트앤드 관심있어하는 웹퍼블리셔입니다.

2개의 답변

Q&A 목록