javascript - 影响 sibling 位置的动画

Question

我在一个元素上有动画，但它的移动也会影响 sibling 。如何在不影响兄弟元素的情况下仅在元素上使用动画？

问题示例:

function animateSearch() {
   $('.glyphicon-search').animate({'margin-top':'-10px'}, 1000);
   $('.glyphicon-search').animate({'margin-top':'0px'}, 1000);

 }
 var interval = setInterval(animateSearch,1000);

$('.arrowDown').mouseover(function() {
    clearInterval(interval);
});

演示:jsfiddle

Answer 1

简单地把 Css postion:absolue 规则放在下面:

.glyphicon-search {
   position:absolute;
}

fiddle Here