将类添加到滚动的子元素（JQuery）答案

【问题标题】：Add class to a child element on scroll (JQuery)将类添加到滚动的子元素（JQuery）
【发布时间】：2023-03-28 13:33:01
【问题描述】：

我在使用 jQuery 和 JS 时遇到了问题。如何将类添加到垂直滚动的子元素以使其动画化？

例如：

    <div class="wrapper">
      <p> Lorem ipsum </p>
    </div>

    $(window).scroll(function(){
    var scroll = $(window).scrollTop();

      if(scroll <= 770) {
        $('.wrapper p').addClass('animate fadeInDownBig');

      }
   });

我只想在段落中添加类。不是包装器。

【问题讨论】：

你有没有尝试过，或者你只是举手放弃？
在滚动什么...？窗户？包装..？
哎呀，我会用 jFiddle 这个代替
你想使用 jQuery 还是只使用 JavaScript？你不能这么宽泛。我们应该两次回答这个问题，每次都用吗？
@OlegDeLeon 您必须提出相关代码，而不仅仅是链接到 jsFiddle

标签： javascript jquery html css

【解决方案1】：

根据您最近的编辑：

 $(window).scroll(function(){
    var scroll = $(window).scrollTop();
      if(scroll <= 770) {
        $('.wrapper').find("p").addClass('animate fadeInDownBig');
      }
   });

DEMO

【讨论】：