jQuery, 요소를 다른 속도로 스크롤하십시오.

Question

이 parrallax 스크롤이 어떻게 작동하는지 알아 내려고 노력하고 있습니다. 거대한 미묘한 요소는 없으며, 데이브 gamache의 웹 사이트를 골라 처음으로 손을 보면서 놀고 있습니다.

그러나 창을 스크롤 할 때 내 본명을 불투명하게 만들 수 있습니다. 또한 배경 이미지를 전혀 스크롤하지 마십시오.

필자와 함께 일하는 것을 보여주기 위해 필자가 만든 필자는 내 windowScroll var과 관련이 있다고 생각합니다. 불확실한 점은 무엇이든지 크게 도움이됩니다.

http://jsfiddle.net/jzmQJ/

Answer 1

당신은 스크롤 이벤트를 처리하고 이벤트 핸들러 내부의 시차 효과를 구현하기 위해 작성한 코드를 넣을 필요가있다.

$artHeaderInner 및 $artHeader의 위치를 ​​수정하는 코드는 ready 이벤트가 실행될 때 한 번만 실행됩니다. 효과를 얻으려면 스크롤 위치가 변경 될 때마다 코드를 실행해야합니다.

이것은 당신이 시작할 수 있습니다

http://jsfiddle.net/LtrPV/1/

Answer 2

나는 그런 Skrollr.js 같은 자바 스크립트 라이브러리를 사용하는 것이 좋습니다 것입니다.

애니메이션과 타이밍을 완벽하게 제어 할 수 있습니다. 이 두 튜토리얼

체크 아웃 시작하는 데 도움이되는 :

• Simple parallax scrolling tutorial
• How to create a parallax scrolling website