Jquery 将潜水艇串联起来

如何使图像彼此滑动？就像它们在末端（Y位置）粘在一起一样）

例如，图像X从Y1向上滑动到Y2 同时，图像Z从Y0向上滑动到Y1

这就像是一部一起移动的电影

这是我一直在使用的代码-将div从Y=300px向上滑动到Y=0，然后将其他div从Y=300向上滑动到Y=0，但是向上滑动留下了正确的背景

更喜欢使用裸体jquery和css

var slides = this.$el.find('.slide');
slides.each(function (i, o) {
    $(o).css('display', 'none');
}.bind(this));

var oldIndex = this.slideIndex;
this.slideIndex++;
if ( this.slideIndex > slides.length) {
    this.slideIndex = 1;
}

if (slides) {
    slides.eq(this.slideIndex - 1).css('display', 'block');
    slides.eq(oldIndex).css('display', 'block');

    if (this.slideInterval) {
        clearInterval(this.slideInterval);
    }
    this.slideInterval = setTimeout(this.runSlides.bind(this), 3000);
}

---

可以使用“滚动动画库”

在这里，您可以设置所需间隔的延迟。好的是它可以在viewport上工作