Animate.css × jquery.inviewでfadeIn機能がうまく実装されません…。

前提

jQuery,JSが、PCのRWDのときは動くのですが、
私のスマホ（iPhoneSE iOS15.5）のとき、
fadeIn機能のjQuery,JSが動かず…真っ白なままです…。
skillbarのjQueryは動いています。

Animate.css × jquery.inviewでfadeIn機能を実装中に問題が発生しました。
jQuery とCSS でfadeIn機能を実装しても同じ問題が発生しました

推測ですが…addClassが動いていないので、inviewがうまく動いていない…のかと…

実現したいこと

iPhoneSE iOS15.5でも、jQuery とCSS を組み合わせてスクロールをしたら要素を動かす。
fadeIn機能を動作するようにする。

該当のソースコード

HTML
1  <section id="voices">
2<div  class="voices_bg fadeInTrigger" style="visibility: visible; animation-duration: 2s; animation-delay: 0s;">
3            <p>Order & <br>
4              Requests</p>
5       </div>
6    
7    <div class="inner">
8      <div class="tbl">
9
10       <div  class="cols tit_h2  fadeInLeftTrigger" style="visibility: visible; animation-duration: 2s; animation-delay: 0s;">
11          <h2>こんな依頼・相談<br>
12              解決致します！</h2>
13        </div>
14          
15       <div class="cols voicebox  fadeInRightTrigger" style="visibility: visible; animation-duration: 2s; animation-delay: 0s; ">
16          <ul>
17            <li class="voices_txt">
18              新規事業立ち上げ・法人化・起業の際に新規でwebサイト制作を作りたい!
19            </li>
20            <li class="voices_txt">
21              既存のWordpressサイトのリニューアルをしたい
22            </li>
23            <li class="voices_txt">
24               Webサイト・サーバの保守管理・修正業務の代行を依頼したい!
25            </li>
26            <li class="voices_txt">
27               永く付き合える外部のWEBデザイナーを探している!
28            </li>
29          </ul>
30        </div>
31
32      </div><!-- tbl -->
33      
34 
35    </div><!-- inner -->
36  </section>
37
38<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
39<script src="https://cdnjs.cloudflare.com/ajax/libs/protonet-jquery.inview/1.1.2/jquery.inview.min.js"></script>

CSS
1.fadeInUpTrigger,
2.fadeInLeftTrigger,
3.fadeInTrigger,
4.fadeInRightTrigger{
5    opacity:0;
6}
7
8.fadeUp{
9  animation-name:fadeUpAnime;
10  animation-duration: 2s;
11  animation-fill-mode:forwards;
12  opacity:0;
13  }
14

jQuery
1	$('.fadeInRightTrigger').on('inview', function(event, isInView) {
2    if (isInView) {
3      $(this).addClass('animate__animated animate__fadeInRight');
4    }
5  });
6
7	$('.fadeInTrigger').on('inview', function(event, isInView) {
8    if (isInView) {
9      $(this).addClass('animate__animated animate__fadeIn');
10    }
11  });
12
13	$('.fadeInUpTrigger').on('inview', function(event, isInView) {
14    if (isInView) {
15      $(this).addClass('animate__animated animate__fadeInUp');
16    }
17  });

試したこと

Animate.css × jquery.inviewを使わず実装してみたのですが同じ結果でした…。

jQuery
1function fadeAnime(){
2
3  $('.fadeUpTrigger').each(function(){
4    var elemPos = $(this).offset().top-50;
5    var scroll = $(window).scrollTop();
6    var windowHeight = $(window).height();
7    if (scroll >= elemPos - windowHeight){
8    $(this).addClass('fadeUp');
9    }
10    });
11}
12
13  $(window).scroll(function (){
14    fadeAnime();
15  });