jquery - 将 div 从页面顶部到中心设置动画

Question

我想要一个 div 从页面顶部到页面中心进行动画处理。我使用绝对定位并制作顶部:$(window).height/2。我也尝试过 top:50%。

但它在不同的屏幕上显示不同的结果。您能建议任何稳定的解决方案吗？这是我的代码:

        $('#targets').fadeIn('fast').animate({
            'top': ($(window).height()/2) - 20
            }, {duration: 'slow', queue: false}, function() {
            // Animation complete.
        });

Answer 1

$(function() {
    var tar = $('#targets');
    tar.fadeIn().animate({top: $(window).height()/2 - tar.outerHeight()/2}, {duration: 'slow', queue: false}, function() {
        //Animation complete.
    });
});

这应该符合您的需求。这是一个工作 fiddle :http://jsfiddle.net/7R2wK/