jquery - jquery Animate（）在Firefox中不起作用

Question

我有一个在 Chrome 和 Safari 中运行良好但在 Firefox 中运行良好的动画。我的jQuery代码是

html

<ul id="clientlist">
    <li name="clientitem0" class="clientitem">
        <div id="client0" class="client shadow">
            <img src="images/work/bbc.jpg" border=0>
            <p>National BBC</p>
            <a href="bbc.co.uk">
                <div class="website"></div>
            </a>
        </div>
    </li>
</ul>

脚本

$("li[name^='clientitem']").each(function(index) {
    $(this).delay(200*index).fadeIn();
    $("#client"+index).delay(200*index).animate({"top": "0px"}, "slow");
});

CSS

.client {
    position: relative; 
    top: 50px; 
    border: 1px solid #303234;
    background: #181B1D;
    -webkit-transition: -webkit-transform 0.2s linear;
}

Answer 1

您为引擎浏览器添加了transition效果（例如，等...）。您需要为其他引擎添加类似的东西：webkitSafariChrome

.client {
    position: relative; 
    top: 50px; 
    border: 1px solid #303234;
    background: #181B1D;
    -webkit-transition: -webkit-transform 0.2s linear;
    -moz-transition: -moz-transform 0.2s linear; 
    -ms-transition: -ms-transform 0.2s linear;  
    -o-transition: -o-transform 0.2s linear;  
    transition: transform 0.2s linear; 
}