Question

嘿，我有一个div，我在我的HTML文档的主体前面，在我之前我想在它上面运行一个动画函数，但由于某种原因，动画永远不会激发。

现在我正在将它们链接在一起：

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

前置工作正常，动画从未运行，我不知道为什么，有什么想法？感谢

Answer 1

I think this is what you were trying to do.

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/

jquery prepend然后动画div

2 个答案: