的fancybox不jQuery.Animate增强型

我想在这个新的网站上使用的fancybox 2.1.3正确的动画我的工作：http://egelect.com/2013/eg-electrique-maitre-electricien.php 的fancybox不jQuery.Animate增强型

的问题是，在动画的fancybox的原产不屏幕的中心，因为它应该是。我正在使用Fancybox开箱即用的规格。

我知道这是因为jQuery.Animate-Enhanced.min.js（v0.99），因为当我注释掉这个.js时，Fancybox的行为就是相反的。

测试在Chrome，FF，和IE9。

任何人作为我应该找的线索？

谢谢！

来源

2013-01-17 PMaly

我最初打开fancybox时遇到了与Fancybox 1.3相同的问题。但是，如果您注意到 - 如果您调整浏览器的大小 - 它将自行居中。

我还没来得及找到一个解决办法，但我还是设法找到在$ .fancybox.center功能 - 这里是它调用动画功能 - 完成后，在t WebKit的动画计算几乎结束了否定fancybox的顶部和左侧位置。如果你在动画之后检查元素，你会看到这个。

来源

2013-02-22 19:42:11 iciskaye

我解决了这个，添加定位的fancybox时重新定位功能（进入jquery.fancybox.js脚本）间的切换avoidCSSTransitions。

我真的不喜欢太多这种解决方案，但它的工作原理。

我的代码：

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增强型

回答

相关问题