두 jquery 이벤트를 동시에 실행하면 깜박임이 발생합니다.

Question

동시에 두 가지 기능을 사용할 수 있습니다.

함수 1은 윈도우 scrollTop이고 function2는 절대 요소 hide (# elem1)입니다. 이 두 함수는 절대 요소 (# elem2)가 (# elem1)의 맨 위에 놓인 직후에 발생합니다. 동시에 이러한 기능을 실행

같이 실행한다 :

elem1가 스크롤 elem1가

이 IOS에 인스턴트 플리커 점멸을 야기 상단

elem2 스크롤 숨겨져

상단 나는 그것을 피하고 싶다. 함수의 순서를 변경하면 예상 한 결과를 얻을 수 있지만 작동하지 않습니다 (# elem1은 스크롤 탑 전에 숨김).

어떻게하면됩니까 ??

이것은 다음 주제와 관련이 있지만 간단하게 할 것이라고 생각했습니다. 애니메이션] 기능을 사용

jquery element flicker after transition and scrolltop on ios

Answer 1

(참조 : http://api.jquery.com/animate/을) 당신은 이전 애니메이션이 완료된 후에 만 ​​스타일 업데이트를 수행 할 수 있습니다. 나는 다른 것 (더 예쁘고 더 정확한) 방법이 있다고 확신하지만 작동하는 것처럼 보인다.

$('#elem1').animate(
    { top: 0 } 
    , { 
     duration: 500 
     , easing: "linear" 
     , complete: function() { 
      $('#elem1').animate(
       { opacity: 0 } 
       , { 
        duration: 500 
        , complete: function() { 
         $('#elem2').animate(
          { top: 0 } 
          , { duration:500 } 
         ); 
        } 
       } 
      ); 
     } 
    } 
);