jQuery를 중간 점은

Question

여기 코드의 트리거 나는 그것이 명확 않는 그것까지 스크롤 할 때 내가 bounceInDown의 요소를 원한다. 그러나 요소가 이미 1 초 동안 존재하고 애니메이션을 수행 한 후에 알 수 있습니다. bounceInDown이 문제에 대한 해결책이 있습니까? 또한이 템플릿 Halcyon Days BootStrap Template을 따르고 있습니다. 링크로 넘어 가서 아래로 스크롤하면 처음에는 "Creative Portfolio Theme"가 없지만 스크롤하면 fadeInLeft 내 경우에는 일어나지 않습니다. 나는 그것을 처리하고 싶다. 도움이 될 것입니다!

Answer 1

오프셋 값은 75%입니다. 즉, 콜백은 뷰포트의 해당 지점에 도달 할 때까지 트리거되지 않습니다. 오프셋을 100%으로 변경하면 원하는 것을 확인할 수 있습니다.

See example.

편집

은 아마 당신은이 애니메이션되기 전에 요소를 숨기고, 애니메이션이 시작되는 때를 보여 주어야한다. 당신은 CSS로 아주 쉽게이 작업을 수행 할 수 있습니다

#intro .wp1 { 
    opacity: 0; 
} 

#intro .wp1.animated { 
    opacity: 1; 
} 

Example