jQuery的動畫在使用webkit時不同 - 其他瀏覽器

我在flashkit在基於webkit的瀏覽器中完美轉換的網站存在一些問題，但是當使用firefox或IE9（沒有IE8需求幸運地）時，他首先在背景上和之後的滾動部分進行顏色轉換。jQuery的動畫在使用webkit時不同 - 其他瀏覽器

http://acad-emo.n8e.be並單擊徽標中的NL。

$('#NL').click(function() { 
    $('#menu').animate({opacity: 1},2000);     
    $('html').animate({backgroundColor: '#b8c48a'},2000);     
    ShowDiv('acad_emo'); 
});

在該功能的重要組成部分是：

$.scrollTo($('#acad_emo'), scrollspeed, { offset: { top: TopPos, left: LPos} }, { easing: 'easeInOutCubic ' }); 
History.pushState({page:'acad_emo'}, "Acad-Emo", "#!page=acad_emo");

我在想這個問題可能是滾動的部分是在一個單獨的函數來完成，但複製的相關代碼和更換後Showdiv（）函數調用我仍然得到相同的效果，FF和IE在顏色轉換後執行滾動。

任何人都可以在這裏發現什麼問題？

來源

2012-02-22 Kristof Nachtergaele

其他函數是什麼樣子？我需要它來看看問題是什麼 – 2012-02-22 16:54:12

更新了它的問題 – 2012-02-22 17:10:57

scrollto插件是這一個：http://flesler.blogspot.com/2007/10/jqueryscrollto.html – 2012-02-22 17:17:09

嘗試改變：

$.scrollTo($('#acad_emo'), scrollspeed, { offset: { top: TopPos, left: LPos} }, { easing: 'easeInOutCubic ' }); History.pushState({page:'acad_emo'}, "Acad-Emo", "#!page=acad_emo");

這樣：

$.scrollTo($('#acad_emo'), scrollspeed, { offset: { top: TopPos, left: LPos} }, { easing: 'easeInOutCubic ' }); History.pushState({page:'acad_emo'}, "Acad-Emo", "#!page=acad_emo").delay(2000);

我不知道，如果你知道更好，但我想要做的就是拖延滾動，使用.delay（時間），這應該阻止它進入早期，如果我是正確的...

來源

2012-02-22 17:19:46

哦，但是我並不想延遲滾動，它在Chrome中完成的方式，滾動和顏色轉換同時完成的方式就是我的方式， D喜歡它在其他瀏覽器:) – 2012-02-22 17:23:21

然後，我認爲這是一個問題，無論是插件或單獨的功能，但既然你已經測試了整個分開的功能的事我怪責插件，只是出於好奇，當你放置時會發生什麼兩個動畫之上的函數鏈接？它會先滾動嗎？ – 2012-02-22 17:29:59

只是在我的本地機器上做了一個快速測試，是的，然後它首先滾動。 – 2012-02-22 17:32:18

jQuery的動畫在使用webkit時不同 - 其他瀏覽器

回答

相關問題