根据滚动条位置执行jQuery函数

我正在创建一个简单的网页，当用户向下滚动时，它会显示动画。 有关示例，请单击

很明显，我知道超级幻象是存在的。它看起来有很多很棒的特性，但对于像我这样的jQuery新手来说，它仍然相当混乱

所以我想保持简单的东西。这是我为在div中滑动而编写的代码。这段代码只在页面加载时有效，当元素进入浏览器视口时，我找不到如何执行该函数

$(document).ready(function() {
    $('.slide').slideDown('slow');
});

---

如何使此动画仅在元素滚动到时发生？一旦元素再次离开视图，我可以反转此动画吗？解决Scrollorama比解决这个问题更好吗？

在这里寻找一个inviewport解决方案