아래로 스크롤 애니메이션 또는 트리거 블록

Question

나는 다음과 같은 일을 재현하기 위해 노력하고있어 : 당신이 특정 영역이, 볼 때, 애니메이션 요소를 트리거 것을 이해하는 것 같다 페이지에서 아래로 스크롤 https://www.apple.com/uk/ipad-mini/design/

. 나는 이것에 기초를두고 노력하지만 무엇부터 시작해야하는지 확신 할 수 없다. HTML, CSS, DIV 태그의 요소를 이해하고 잠재적으로 숨겨진 블록으로 전환하면 대답이 될 수있다. 그러나 간단한 트리거 요소에 대한 조언이 필요합니다. 자바? PHP? CSS?

그래서 사용자가 아마 30 % 아래로 스크롤하면 숨겨진 요소가 나타나거나 움직입니다. 도움이된다면 어도비 가장자리에 애니메이션을 적용 할 것입니다.

좋다?

Answer 1

시도는 희망

$(window).scroll(function(){  
if ($(window).scrollTop() > 150) { 
    // If window is scrolled by 150px do this 
} 
}); 

JQuery와 (scrolltop)

와 함께 할이