jquery动画在使用webkit和其他浏览器时有所不同

Question

我对一个在基于webkit的浏览器中splashscreen完美转换的网站有点问题，但当使用firefox或IE9（幸运的是没有IE8要求）时，他首先在背景上进行颜色转换，然后进行滚动部分。

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在颜色转换后进行滚动的相同效果。

有谁能告诉我们这里出了什么问题吗？

Answer 1

尝试更改：

$.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（时间），如果我是对的，这应该会阻止它提前出现。。。