Question

我一直在搞乱jquery中的fadein fadeout函数，并且想知道下面的div是否可能向上滑动而不是在它上面的div消失后立即跳起来。这是我做过的一点点jsfiddle：）

http://jsfiddle.net/pufamuf/2j5FU/1/

再次感谢：）

感谢所有帮助过我的人，我真的很感激！：）

Answer 1

也许您应该使用.slideUp()代替.fadeOut()

修改

如果你坚持淡出你可以这样做：

$(element).animate({opacity: 0, duration: 200}, function(){ $(this).slideUp(100); })

jsFiddle

Answer 2

您是否尝试过使用slideUp（）和slideDown（）而不是fadeIn和fadeOut？这应该会提供你想要的效果。

Answer 3

分别使用slideDown和slideUp代替fadeIn和fadeOut。

http://jsfiddle.net/FishBasketGordo/H87pc/

Answer 4

尝试使用animate

$("input[type='button']").click(function() {
    switch (this.id) {
    case 'button1':
        $('#div1').fadeIn(200);
            $("#div1").animate({opacity: 1}, 2000,function(){
            $(this).slideDown();
            });
        break;
    case 'button2':
             $("#div1").animate({opacity: 0}, 2000,function(){
             $(this).slideUp();
            });
        break;
    }
});

http://jsfiddle.net/2j5FU/5/

当Div上面消失时，向上滑动平滑div

4 个答案: