Fancybox는 jQuery.Animate-강화

나는이 새로운 웹 사이트에 Fancybox 2.1.3을 사용하기 위해 노력하고있어 제대로 애니메이션되지 일하고 있어요 : http://egelect.com/2013/eg-electrique-maitre-electricien.php는Fancybox는 jQuery.Animate-강화

문제는 Fancybox 애니메이션의 origine이없는 것을 스크린의 중심에 있어야합니다. 나는 Fancybox out-of-the-box 사양을 사용하고 있습니다.

jQuery.Animate-Enhanced.min.js (v0.99) 때문입니다.이 .js를 주석 처리하면 Fancybox가 correclty로 동작합니다.

Chrome, FF 및 IE9에서 테스트되었습니다.

누구를 찾아야할까요?

감사합니다.

출처

2013-01-17 PMaly

fancybox를 처음 열 때 Fancybox 1.3에서도 같은 문제가 발생했습니다. 그러나 브라우저의 크기를 조정하면 브라우저 자체에 집중하게됩니다.

솔루션을 찾을 시간이 없었지만 $ .fancybox.center 함수에서 찾을 수있었습니다. - 애니메이션 기능을 호출하는 곳에서 끝났습니다. t 웹킷 애니메이션에 대한 계산이 거의 끝났습니다. fancybox의 위쪽과 왼쪽 위치를 부정합니다. 애니메이션 다음에 요소를 검사하면이를 볼 수 있습니다.

출처

2013-02-22 19:42:11 iciskaye

이 문제를 해결하려면 fancybox 배치시 CSSTransitions을 피하기 위해 jposition.fancybox.js 스크립트의 재배치 기능에 토글을 추가하십시오.

저는이 솔루션을별로 좋아하지 않지만 작동합니다.

내 코드 :

reposition: function(e, onlyAbsolute) { 
     var current = F.current, 
       wrap = current ? current.wrap : null, 
       pos; 

     if (wrap) { 
      pos = F._getPosition(onlyAbsolute); 

      if (e && e.type === 'scroll') { 
       delete pos.position; 

       wrap.stop(true, true).animate(pos, {avoidCSSTransitions:true}, 200); 

      } else { 
       $.toggleDisabledByDefault(); 
       wrap.css(pos); 
       setTimeout(function(){ 
        $.toggleDisabledByDefault(); 
       },1); 
       current.pos = $.extend({}, current.dim, pos); 
      } 
     } 
    },

출처

2014-09-24 15:35:56 Ipshal

Fancybox는 jQuery.Animate-강화

답변

관련 문제