CMS솔루션마켓, 이온디 - 워드프레스, 라이믹스, 카페24, 그누보드, 엑셀

프리랜서 커뮤니티

1. 제이쿼리와 패럴랙스 스크립트를 헤더에 삽입합니다.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="/path/to/parallax.js"></script>

2. html

<div class="parallax-window" data-parallax="scroll" data-image-src="/path/to/image.jpg"></div>

3. js

$('.parallax-window').parallax({imageSrc: '/path/to/image.jpg'});

4. css

.parallax-window {    min-height: 400px;    background: transparent; }

추천한 사람