찾는이 jQuery를 호출 시차에 플러그인,하지만 난 어디서든 링크를 찾기 위해 솔기를 기울인다 :내가 찾고 있어요 JQuery와 플러그인 시차
소스 플러그인 : http://www.laurentiuswonen.com/jaarverslag2010/assets/js/jquery.parallax.js
찾는이 jQuery를 호출 시차에 플러그인,하지만 난 어디서든 링크를 찾기 위해 솔기를 기울인다 :내가 찾고 있어요 JQuery와 플러그인 시차
소스 플러그인 : http://www.laurentiuswonen.com/jaarverslag2010/assets/js/jquery.parallax.js
을 꽤 여기 있는지 구글이 맞다면 http://www.ianlunn.co.uk/plugins/jquery-parallax/
예. Jquery Parallax. –
+1 Ian Lunn의 +1입니다. – DBUK
나는보고있다. window.scroll 이벤트에 연결하여 div를 적절한 위치로 이동시키는 이벤트를 만들었습니다.
https://github.com/eiu165/Parallax/tree/master/src
는내가 사용하기 편리하도록 기존에 확장했다. 내 작품 가로. 그것을 자유롭게 사용하십시오.
사용 var hotSpots = [0, 2000, 4000, 6000, 8000];
는
다음 클래스 당신의 움직이는 DIV를 페이지의 위치를 정의하고에게 X 속도과 Y 속도 를 제공하고 X 위치에 이동 DIV 내부 요소를 넣어 및 위치는이며 표시 할 프레임 (페이지)은 무엇입니까?
<div class="parallax" data-speed-x="0" data-speed-y="0.8" >
<div data-frame-y="220" data-frame-x="200" data-frame="1" ><img src="./img/moon.png" /></div>
<div data-frame-y="350" data-frame-x="420" data-frame="4" ><img src="./img/sun.png" /></div>
</div>
<div class="parallax" data-speed-x="-0.4" data-speed-y="0.0" >
<div data-frame-y="800" data-frame-x="420" data-frame="3" ><img src="./img/tree.png" /></div>
<div data-frame-y="750" data-frame-x="320" data-frame="4" ><img src="./img/tree.png" /></div>
</div>
이 사이트를 기반으로 한 것으로 판단됩니다. http://f6design.com/projects/parallax-scrolling/
해당 사이트의 소유자 (특히 해당 사이트)가 작성한 코드 일 가능성이 있습니다. – meagar
플러그인 인 경우 플러그인을 잘못 작성했습니다. 소스 코드에는 전역 변수가 있습니다. 이것은 책임감있는 코딩이 아닙니다. –