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

Question

当浏览器滚动到项目div时，我想动画类colm1，colm2，colm3。当我点击按钮时，此代码可以正常工作。但我想通过滚动

进行动画制作

这是我的代码

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


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

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

帮帮我 谢谢你的帮助

Answer 1

我不太了解你需要什么，但也许这会帮助你）

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