jQuery动画在悬停时在IE8中表现得很奇怪

Question

我有一些使用jQuery动画的功能，可以在悬停时上下滑动社交图标。这一切在Firefox，Chrome，Safari甚至IE7中都非常棒。在IE8中虽然整行图标在悬停时移动。

我使用JSBin http://jsbin.com/esoqa5

制作了一个示例

我希望有人可以帮助我解决这个问题，这样我就可以在所有浏览器中使用它。我的猜测是愚蠢的，我只是不确定这笔交易显然是什么。

Answer 1

在您的代码中，我将700px更改为70px ...来自

$('#fixbarFacebook').css('height', '700px');

到

$('#fixbarFacebook').css('height', '70px');

现在在IE8中可以正常使用

http://jsbin.com/esoqa5/7

Answer 2

在您的代码中，您有悬停动画将边距设置为负值以将其向上移动。当你将最左边的项目悬停时，它可以正常工作，但当你将任何东西悬停在其右边时，它会使边距高于应有的余量，同时将所有元素都带到它之前。要解决此问题，请更改悬停事件，将margin-top置于最高位置，并将默认位置保持为margin-top:24px（正）。

工作示例（您需要清理css / html，因为我无法直接编辑您的css文件）： http://jsbin.com/esoqa5/22