jquery - 这是在 JQuery 中向下滑动时淡入的正确方法吗？

Question

代码:

$(document).ready(function() {
    $('.some_class').slideDown(1000).fadeIn(5000);
});

使用上面的方法，我想在淡入时向下滑动一个 div。上面那个好像不行。我做错了什么？

Answer 1

这样做:

$(document).ready(function () {
    $('.some_class').stop(true).fadeIn({
        duration: 5000,
        queue: false
    }).css('display', 'none').slideDown(1000);
 });

演示 here

问题是 .fadeIn()和 .slideDown()需要元素具有 display:none; 并且当其中一个启动时，它会删除该元素并使用不透明度，第二个效果将不会运行，因为 display 不是 不再有。

因此，如果您在运行最后一个效果之前停止动画并重新插入显示，它们将“并排”运行。

以防万一， here 是一个带有图像的演示