Javascript 如何实现jQuery滚动/覆盖效果（描述中的视频）

我有两个专栏

左列包含动态长度的文本

右边的列是固定高度的，将包含一组在每页加载时随机选择的图像

我试图创建一种效果，当用户滚动时，图像2在图像1上方滚动。当它到达顶部时，图像1开始向上滚动直到消失，然后图像3进入并重复该过程

由于这是相当混乱，我做了一个简短的视频描述所需的效果

---

我已经开始尝试让它工作，但在用户向下滚动以及需要更多图像时，我不知所措。我认为我目前的道路不是正确的方向。我认为使用jQuery waypoints之类的东西更应该是我追求的方向？

您的视频链接无法正常工作。另外，您是否可以创建这个JSFIDLE示例？让人们更容易看到发生了什么：）嗨，我修复了视频链接，上面的jsbin就是一个例子。