테스트 사이트 - 개발 중인 베타 버전입니다

시간차를 두고 디스플레이 되는 컨텐츠 페이지 채택완료

동물원 4년 전 조회 1,786

처음에는 내용이 보이지 않다가 마우스 스크롤에 따라서 해당영역이 나타날때 내용이 표시되고

스크롤 되어 해당영역의 내용이 표시될 때도 영역 내에서 시차를 두고 내용이 표시되게

(ex,타이틀 - 이미지 - 상세텍스트 순으로) 

하는 컨텐츠 페이지를 작성하고 싶은데요.

관련된 예시나 소스를 볼 수 있는 곳이 있을까요?

   

 

 

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
j
4년 전

마우스 스크롤에 따라서 영역이 나타나는것은

소스를 활용한 스크롤이벤트 이며

 

해당영역에서 내용이 표시되는것은 transition을 이용한 css 기법과 

혹은 자바스크립트로도 가능합니다.

 

구글에 제이쿼리 스크롤이벤트 라고 검색하시면 관련 정보가 많이 나오며

기본적으로 css 에서 transition과 transform 명령어를 사용할수 있어야 하며

 

jquery 는 scroll event 를 다룰줄 알면 금방 사용할 수 있으실거에요!

 

해당예시가 많아 특정 1가지만 링크를 추천하는것보다 검색하여 여러 예시를 보시는것이 도움이 될것 같아

관련 검색어만 알려드렸습니다!

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

동물원
4년 전
상세한 답변 감사드려요.

댓글을 작성하려면 로그인이 필요합니다.

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

로그인