javascript - jQuery Animate 顶部(从底部到顶部)

Question

我正在尝试为 top:275 的 Div 设置动画。

我尝试了 .animate( {marginTop: -820 } 但在每个屏幕上它最终都到达了不同的位置......

所以我将 marginTop 更改为 .animate( {top: 275} 但是 div 从上到下(slidedown)。注意，所以我可以使用 animate: top 我必须在动画期间将 div 设置为 position:absolute。。。

是否有任何 hackyway 使顶部从下到上或使 marginTop 在每个屏幕分辨率上与顶部的距离相同？(我认为 margintop 无法解决，因为我将 margin top 设置为 -820 以获得 top:275，因此高度小于 1200px 的屏幕，div 会高得多...)

这是我的代码:

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

Answer 1

啊找到了!!

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

所以基本上我在最后将 css 的顶部设置为 1000，然后将其设置为 275 的动画...