Chrome在JQuery滑动切换后将空白添加到页面底部

我使用jquery for创建了一个弹出式页脚效果

它适用于FF、Safari、IE7+和Opera。当我在Google Chrome中打开页脚时，页脚下方添加了空格

有人知道我能做些什么吗

提前谢谢

JQuery脚本：

$('#contact').click(function() {
   <!-- show panel -->
   $("#contactpanel").slideToggle(1500);

   if ($activated == 1) {   
      $('#contact').html("<h4>Contacteer me</h4>");
      $('#contactpanel').css('height', $('#contactpanel').height() + 'px');
      $activated = 0;
   }
   else {
      $('#contact').html("<h4>Verberg</h4>");
      // fluid toggle
      $('#contactpanel').css('height', $('#contactpanel').height() + 'px');
      // scroll to bottom page for pop up footer effect 

      // detect opera and fix scroll bug 
      if ($.browser.opera == true)
      {
         $('html').animate({
            scrollTop:  $(document).height() -  $('#contactpanel').height() + 'px'
           }, 1500);
         $activated = 1;
      }
      else {
         $('html, body').animate({
            scrollTop: $(document).height() -  $('#contactpanel').height() + 'px'
         }, 1500);
         $activated = 1;
      }
   }
});

$（“#联系人”）。单击（函数（）{
$（“#contactpanel”）。滑动切换（1500）；
如果（$activated==1）{
$（'#contact'）.html（“Contacteer me”）；
$（'contactpanel'）.css（'height'，$（'contactpanel'）.height（）+'px'）；
$activated=0；
}
否则{
$（'#contact'）.html（“Verberg”）；
//流体开关
$（'contactpanel'）.css（'height'，$（'contactpanel'）.height（）+'px'）；
//滚动至底部页面以获得弹出式页脚效果
//检测opera并修复滚动错误
如果（$.browser.opera==true）
{
$（'html'）。设置动画({
scrollTop:$（文档）.height（）-$（'#contactpanel'）.height（）+'px'
}, 1500);
$activated=1；
}
否则{
$（'html，body'）。设置动画({
scrollTop:$（文档）.height（）-$（'#contactpanel'）.height（）+'px'
}, 1500);
$activated=1；
}
}
});

放置

溢出：隐藏

到

页脚

div，并移除高度为75px的

从

#footer

和

#footer.push都可以为我解决这个问题

也就是说，我建议一个完全不同的解决方案。我建议创建一个简单的转换，而不是通过JavaScript设置转换动画。符合以下（未测试）代码的内容：

CSS:

JavaScript:

var contact = document.getElementById('contact');
var panel = document.getElementById('contactpanel');
contact.addEventListener('click', function(e) {
  panel.classList.toggle('visible');
});

看一看关于过渡是如何工作的，以及它们如何让你的生活变得简单一点的合理解释。：）
 它在其他基于webkit的浏览器（如safari等）中看起来如何？它在safari中运行良好。也许我应该从头开始重新构建它，以发现chrome和safari之间的jquery差异。如果不太困难，那么这可能是一个选择。如果你确实发现了什么，那么一定要发布一个答案来帮助其他人：隐藏；在页脚div上，删除高度：75px；从#footer和#footer中，.push解决了问题：谢谢你，你的解决方案成功了！我认为CSS3的转换非常好，但由于它仍然与IE不兼容，我现在将坚持使用JQuery。迈克·韦斯特（Mike West）干杯，他将这个内联添加到我们有问题的div中，并获得了一个奖励。
var contact = document.getElementById('contact');
var panel = document.getElementById('contactpanel');
contact.addEventListener('click', function(e) {
  panel.classList.toggle('visible');
});