jquery预先结束，然后设置div的动画

嘿，我有一个div，我正在为我的HTML文档的主体做准备，在我做了准备之后，我想在它上面运行一个动画函数，但是由于某种原因，动画永远不会启动

现在我把他们连在一起，就像这样：

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

prepend运行良好，动画从不运行，我不知道为什么，有什么想法吗？谢谢

JS:

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

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

$（“”）。前置（“身体”）。动画({
位置：'固定'，
排名：0
},{
持续时间：300，
队列：false
});

您可以像这样用.css将位置更改为fixed

$(".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
}

---

您应该发布演示。有太多的其他因素可以发挥作用。它可以与动画一起工作，但你需要像这样在css中设置一个默认位置，但我使用.css将默认位置设置为在答案中固定

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

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