jquery - 延迟后如何为前％个设置动画？

我有一个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);

最佳答案

您可以从jQuery创建函数并使用setTimeout方法：

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

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

关于jquery - 延迟后如何为前％个设置动画？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29453211/