jquery - 如何在延迟后为 top % 设置动画？

Question

我有一个初始位置在窗口中间的 div。延迟 3 秒后，我希望它滑到屏幕顶部。这是如何实现的？

这是我目前所拥有的(https://jsfiddle.net/5m363gt1/):

HTML

<div id="red"></div>

CSS

#red{
width: 100px;
height: 100px;
position: absolute;
top: 50%;
background-color: red;
}

jQuery

$("#red").delay(3000).animate({top:'0%'},1000);

Answer 1

您可以创建一个函数并使用 jQuery 中的 setTimeout 方法:

var onTop = function() {
    $("#red").animate({'top' : '0'});
};

    setTimeout(function(){
    onTop();
}, 3000);