스크롤시 레이아웃 닫히는 이팩트 스크립트 happycgi

회원가입

출석체크

마이페이지

CGIMALL

jquery , CSS , PHP , Javascript , 무료폰트 , ASP

홈 > JAVASCRIPT > javascript 소스창고 > 퍼포먼스 > 스크롤시 레이아웃 닫히는 이팩트 스크립트 상세정보

클라우드태그

javascript

php

html

asp

mysql

CSS

mobile

jquery

image

slide

占쌨댐옙

메뉴

占쏙옙占쏙옙占쏙옙트

현재접속자 명

스크롤시 레이아웃 닫히는 이팩트 스크립트

해피팀

네티즌

소스분류

퍼포먼스

다운로드 횟수

103 회

간단설명

스크롤을 내릴시 양측면의 뷰포트 레이아웃을 하나로 합쳐주는 스크롤 효과 이펙트입니다. one-page 사이트에 주로 사용되는 효과이며, 사이트에 보다 다이나믹한 효과를 기대할 수 있습니다. 본 소스는 기본 반응형으로 제공됩니다.

평가하기

페이지상에서 스크롤 위아래로 이동시 텍스트 + 이미지 영역이 뷰포트 양끝에 정렬되어있다 하나로 합쳐지는

모션을 가진 레이아웃으로 변경됩니다.

모바일 해상도에서 확인할 경우 위와같이 레이아웃이 반응형으로 맞춰진 상태로

레이아웃의 모션이 변경되게 됩니다.

<section> 값에 적용된 class 명칭과 <figure> 영역에 적용된 class 명칭으로 레이아웃을 구분하며

js 소스상에서도 cbp-so-section 값을 필수로 사용하는 조건으로 실행되겠습니다.

더욱 자세한 사항은 첨부파일 및 관련 사이트 통해 확인해보시기 바랍니다.