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时不同 - 其他浏览器

回答

相关问题