Question

我在这里学习jQuery的新东西，我看到了我喜欢的效果link here

见我的团队部分。如您所见，如果向下滚动圆圈幻灯片并同时淡入。我试图复制那种效果。这是我的jsfiddle

$(window).on("scroll", function() {
    if ($(window).scrollTop() >= $('#thumbnails-cont').offset().top-$(window).height()) {
        $("#thumbnails img").animate({opacity: 1, bottom: 0})
    }
});

Answer 1

您必须使用queue属性同时播放动画。

工作小提琴：Here

基本代码：

$(function() {
    $(".thumbnail").animate({ opacity: 1 }, { duration: 1200, queue: false });
    $(".thumbnail").animate({ "margin-top": "0px" }, { duration: 1200, queue: false });
});

有关jQuery中动画功能的更多信息，请阅读this。我希望我能帮助你一点：）

jQuery Slideup和Fadein效果同时出现

1 个答案: