jQuery를 중간 점은

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

출처

2015-02-02 Haider Ali Khichi

나는 아래 질문의 첫 번째 부분을 대답했습니다. 두 번째 부분에 관해서는, 실제로 일어나고있는 것을 알기에 충분한 세부 사항이 없습니다. 코드의 관련 부분을 포함시킬 수 있습니까? :) –

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

See example.

편집

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

#intro .wp1 { 
    opacity: 0; 
} 

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

Example

출처

2015-02-02 09:30:44

원본 페이지에서 오프셋을 100 %로 변경 했으므로 애니메이션을 수행하지 않습니다./ –

여기에 문제를 설명하는 동영상을 만들었습니다. https://vimeo.com/118403013 –

"우리는 최고를 생성합니다"섹션이 이미 초당 (오프셋이 75 %로 설정된 경우) 이미 있고 그 다음 초 후에 애니메이션을한다는 것을 볼 수 있습니다. 나는 그것이 처음에는 존재하지 않기를 바랄 뿐이다. 그러나 그것이 튀어 나와야한다. 내가 내려갈 때까지. –

답변

관련 문제