PARALLAX_SCROLLING

원페이지_사이트_with_패럴랙스_스크롤링

※ 중요) 원페이지_사이트_with_패럴랙스_스크롤링_구현

 원 페이지 사이트는 하나의 사이트를 한 화면에 담는 사이트입니다.
원 페이지 사이트는 필요한 내용이 한 페이지 안에 다들어 있어야 합니다.
그래서 전체 콘텐츠의 양이 많지 않을 때 적합한 레이아웃입니다.
 parallax-scroll 플러그인은 배경 이미지를 조금만 움직여
 패럴랙스 스크롤링 효과를 만드는 플러그인 입니다.

이때, 페럴렉스(Parallax)란? 영어 단어로 "시차" 를 뜻합니다.
시간차에 따라 모션을 다르게 줌으로써 움직이는 모션효과를 주는 것이며,
패럴랙스 스크롤링 효과는 스크롤의 움직임에 따라 콘텐츠가 반응하여
시간차 움직임을 보이는 효과를 말합니다.
이 효과는 마우스 스크롤 위치에 따라 한 화면에 꽉 차는 이미지들이
통으로 움직임으로써 스토리텔링 효과를 더하는 기법을 말합니다.

우리가 만들 문서는 세 개의 섹션이 있는 형태로,
각 섹션에 배경 이미지와 콘텐츠를 넣을 것 입니다.
그리고 화면을 스크롤했을 때 섹션과 섹션이 부드럽게 연결되면서
섹션 배경 이미지 위로 콘텐츠가 흘러가도록 설정할 것입니다.

◆ 중요 : http://pixelcog.github.io/parallax.js/

   소스 코딩 확인 = simple_parallax_scroll.html