web-dev-qa-db-ja.com

jQuery Animate上（下から上）

Div _top:275をアニメーション化しようとしています。

.animate( {marginTop: -820 }を試しましたが、各画面で異なる位置になってしまいました。 。 。

そこでmarginTopを.animate( {top: 275}に変更しましたが、divは上から下（スライドダウン）になっています。 animate:topを使用できるように、アニメーション中にdivをposition:absoluteに設定する必要があることに注意してください。 。 。

各画面の解像度で上部から下部を上にしたり、marginTopを上部から同じ距離にしたりするためのハッキングウェイはありますか？（マージンの上部を設定しているため、マージンの上部を解決できないと思いますtop：275のポイントに到達するために-820に、したがって画面の高さが1200pxより小さい場合、divははるかに高くなります...）

これが私のコードです：

$("#features").fadeIn()
            .css({
                position: 'absolute'
            }).animate({
                top: '275'
            }, function() { //callback });
javascriptjquerycssjquery-animate
13
jQuerybeast

ああ見つけた!!

$("#features").fadeIn()
.css({top:1000,position:'absolute'})
.animate({top:275}, 800, function() {
    //callback
});

だから基本的に私は一番最後のcssから1000にトップを設定し、それを275にアニメートしました...

34
jQuerybeast
$( '#features' ).show()
.css( {'opacity': 0, 'bottom': '-100px' } )
.animate( { 'opacity': '1', 'bottom' : 0 }, 1000 );
0
Mani_k