JQuery анимировать при наведении себя странно в IE8

Question

У меня есть некоторые функциональные возможности, использующие jQuery animate для перемещения значков социальных сетей вверх и вниз при наведении курсора.Все это прекрасно работает в Firefox, Chrome, Safari и даже в IE7.В IE8 весь ряд значков перемещается при наведении.

Я сделал пример, используя JSBin, http://jsbin.com/esoqa5

Я надеюсь, что кто-то может помочь мне разобраться с этим, чтобы я мог работать во всех браузерах.Я предполагаю, что это что-то глупое, я просто не уверен, что сделка очевидно.

Answer 1

В вашем коде у вас есть анимация при наведении курсора на отрицательное значение, чтобы переместить его вверх.Он отлично работает, когда вы наводите курсор на самый левый элемент, но когда вы наводите что-либо справа от него, это увеличивает запас, чем должен быть, поднимая все элементы перед ним.Чтобы исправить это, измените событие при наведении на margin-top на 0 в самой верхней позиции и оставьте положение по умолчанию на margin-top:24px (положительное значение).

Рабочий пример (вам нужно очиститьвверх по CSS / HTML, так как я не могу редактировать ваш CSS-файл напрямую): http://jsbin.com/esoqa5/22

Answer 2

В вашем коде я изменил 700px на 70px ... с

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

до

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

У меня теперь нормально работает в IE8

http://jsbin.com/esoqa5/7