jquery - jquery 前置然后动画 div

Question

嘿，我有一个 div，我要在我的 HTML 文档的正文前添加，在我添加它之后，我想在它上面运行一个动画功能，但由于某种原因，动画永远不会触发。

现在我像这样将它们链接在一起：

        $(".role-1").prependTo("body").animate({
            position:fixed,
            top:0
        },{
            duration:300,
            queue:false
        });

前置工作正常，动画永远不会运行，我不知道为什么，有什么想法吗？谢谢

Answer 1

我想这就是你想要做的。

JS：

$('<div>').prependTo("body").animate({
    top: '40px'
}, 300);

CSS：

div {
    height: 100px;
    width: 100px;
    background: blue;
    position: relative;
}

在这里，这将起作用，但没有动画，因为我创建的没有高度或宽度，并且已经定位在身体的顶部。

$("<div></div>").prependTo("body").animate({
    position:'fixed',
    top:0
},{
    duration:300,
    queue:false
});

Answer 2

您可以像这样使用 .css 将位置更改为固定

$(".role-1").prependTo("body").css({position:"fixed"}).animate({
        top:0
        },{
        duration:300,
        queue:false
});    

CSS

.role-1{
  top:500px;   //if it is 0px it will not animate
}

http://jsfiddle.net/pNBQk/