0

HTML ドキュメントの本文の先頭に追加する div があります。先頭に追加した後、アニメーション関数を実行したいのですが、何らかの理由でアニメーションが起動しません。

今、私はそれらを次のように連鎖させています:

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

プリペンドは正常に動作しますが、アニメーションはまったく実行されません。理由がわかりません。何か考えはありますか? ありがとう

4

2 に答える 2

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
});
于 2013-11-14T15:46:30.473 に答える
1

このように.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/

于 2013-11-14T15:47:54.953 に答える