的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增強型

回答

相關問題