웹솔루션개발 22년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] Revealing Hero Effect with CSS & JavaScript 본문

웹프로그램밍 자료실/JAVA 자료

[해피CGI][cgimall] Revealing Hero Effect with CSS & JavaScript

해피CGI윤실장 2020. 9. 15. 09:27
* Revealing Hero Effect with CSS & JavaScript

페이지가 스크롤 될 때 섹션별로 컨텐츠를 표시합니다


첨부된 압축파일을 다운로드하여 웹루트 디렉터리에 압축 해제합니다
적용한 html 문서를 열고 문서 상단에 제공되는 css 를 호출하도록 합니다

 


그리고 섹션별로 아래와 같이 페이지 스크롤 영역안에 들어갈
각 컨텐츠를 삽입할 수 있습니다

 






섹션별로 컨텐츠를 삽입할 영역을 다정한후 body 태그 위에 
기본제공되는 js 파일을 아래와 같이 호출하도록 합니다

 




적용후 브라우저로 호출할시 아래와 같이 스크롤될때
각 섹션영역을 구분하면서 스크롤링 됨을 확인할 수 있습니다

 

 

 

 

홈페이지바로가기

저작자표시

'웹프로그램밍 자료실 > JAVA 자료' 카테고리의 다른 글

[해피CGI][cgimall] Versatile Touch-enabled Slider Plugin With jQuery - EasySlides  (0) 2020.09.22
[해피CGI][cgimall] jquery - Slide Out Box Menu  (0) 2020.09.18
[해피CGI][cgimall] Highly Customizable Sticky jQuery Plugin - jQuery smartSticky  (0) 2020.09.08
[해피CGI][cgimall] Javascript 시간 관련 라이브러리 Moment.js  (0) 2020.09.04
[해피CGI][cgimall] AutoCompleteJS Ver 0.3.0  (0) 2020.09.03
공유하기 링크
'웹프로그램밍 자료실/JAVA 자료' Related Articles more
Comments