이온디
호스팅센터
웹디벨로퍼
프리랜서카페
스레드
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; }
 


내용을 입력하세요
0