시간차를 두고 디스플레이 되는 컨텐츠 페이지
본문
처음에는 내용이 보이지 않다가 마우스 스크롤에 따라서 해당영역이 나타날때 내용이 표시되고
스크롤 되어 해당영역의 내용이 표시될 때도 영역 내에서 시차를 두고 내용이 표시되게
(ex,타이틀 - 이미지 - 상세텍스트 순으로)
하는 컨텐츠 페이지를 작성하고 싶은데요.
관련된 예시나 소스를 볼 수 있는 곳이 있을까요?
답변 1
마우스 스크롤에 따라서 영역이 나타나는것은
소스를 활용한 스크롤이벤트 이며
해당영역에서 내용이 표시되는것은 transition을 이용한 css 기법과
혹은 자바스크립트로도 가능합니다.
구글에 제이쿼리 스크롤이벤트 라고 검색하시면 관련 정보가 많이 나오며
기본적으로 css 에서 transition과 transform 명령어를 사용할수 있어야 하며
jquery 는 scroll event 를 다룰줄 알면 금방 사용할 수 있으실거에요!
해당예시가 많아 특정 1가지만 링크를 추천하는것보다 검색하여 여러 예시를 보시는것이 도움이 될것 같아
관련 검색어만 알려드렸습니다!
상세한 답변 감사드려요.
답변을 작성하시기 전에 로그인 해주세요.
