淡入并移动

Question

我想要一个简单的div淡入并同时移动.假设顶部有一个隐藏的图像,当我点击一个按钮时,图像应该出现在页面的中心,并且效果会逐渐消失.

但对我来说,它首先消失然后开始移动......

        $('#shelf').fadeIn('fast').animate({
            'bottom': '54%'
            }, 'slow', function() {
            // Animation complete.
        });

Answer 1

试试这个

$('#shelf').fadeIn('fast').animate({
            'bottom': '54%'
            }, {duration: 'slow', queue: false}, function() {
            // Animation complete.
        });

Answer 2

使用:

$('#shelf').animate({
        'bottom': '54%',
        'opacity': 1
        }, 'slow', function() {
        // Animation complete.
});