Jquery 如何使用浏览器滚动自动设置div动画

我想在浏览器滚动到projectdiv时设置类colm1、colm2、colm3的动画。当我点击按钮时，这段代码可以工作。但是我想用滚动来制作动画

这是我的密码

$(document).ready(function(){
         $(".project").hide();


      $(".navbar #project").click(function() {  

         $(".colm1").slideDown(3000);
$(".colm2").slideDown(4000);
$(".colm3").slideDown(5000);
  });
 });

帮帮我

---

谢谢你的帮助（我不太明白你需要什么，但也许这会有帮助）

                $(document).scroll(function () {
                    if ($(document).scrollTop() >= 10) {
                        $(".colm1").slideDown(3000);
                        $(".colm2").slideDown(4000);
                        $(".colm3").slideDown(5000);
                    }
                });