旧iOS（15.6では確認済み）で動かないJavaScriptの修正方法

実現したいこと

iOSのバージョンもしくはその他の理由により、特定のiPhoneでWebサイトが表示されない状態を改善するためにJavaScript（もしくはほか）のコードを改修して欲しい。

発生している問題・分からないこと

iOS17.6.1では問題なく表示されるWebサイトが、iOS15.6では表示されません。
具体的には、iOS15.6でアクセスした場合はサイトの背景画像（フェードインアニメーションなし）が表示されるだけで、スクロールに応じて表示されるはずのコンテンツが1つも表示されません。
フェードインアニメーションを指定していないところは問題なく表示されますが、JavaScriptでスクロールに応じてフェードインするアニメーションを指定している所だけが表示されない状態です。

該当のソースコード

jQuery(document).ready(function($) {
    var isFollowBtnVisible = false;  // ボタンの表示状態を追跡
    var isFadeInExist = $('.btn__fadein').length > 0;  // .btn__fadeinセクションが存在するか確認
    var isFadeOutExist = $('.btn__fadeout').length > 0;  // .btn__fadeoutが存在するか確認

    // スクロールによるフェードインの処理
    function fadeInOnScroll(ignoreOffset = false) {
        $('.fadein-scrollin').each(function() {
            var elemPos = $(this).offset().top;  // 要素の画面上の位置
            var scroll = $(window).scrollTop();  // 現在のスクロール位置
            var windowHeight = $(window).height();  // ウィンドウの高さ

            // 画面内に表示される要素のみにフェードインを適用
            if ((scroll + windowHeight > elemPos) && (scroll < elemPos + $(this).outerHeight())) {
                // まだクラスが追加されていない場合にのみ追加
                if (!$(this).hasClass('scrollin')) {
                    $(this).addClass('scrollin');
                    // フェードイン発火時にアラート表示（デバッグ用）
                    alert("フェードイン発火しました: " + $(this).attr('class'));  // どの要素がフェードインしたかを確認
                }
            }
        });
    }

    // Followボタンの表示・非表示をスクロールに応じて制御
    function toggleFollowButton() {
        var windowWidth = $(window).width();
    
        // 768px以上ではボタンを非表示
        if (windowWidth >= 768) {
            $('.follow__btn').hide();
            return;
        }
    
        var scroll = $(window).scrollTop();
        var windowHeight = $(window).height();
        var fadeInPos = isFadeInExist ? $('.btn__fadein').offset().top : 0;
        var fadeOutPos = isFadeOutExist ? $('.btn__fadeout').offset().top : Number.POSITIVE_INFINITY;
    
        // 画面上端が .btn__fadein に到達し、かつ画面下端が .btn__fadeout を超えない範囲でボタンを表示
        if (isFadeInExist && scroll >= fadeInPos && scroll + windowHeight < fadeOutPos) {
            if (!isFollowBtnVisible) {
                $('.follow__btn').fadeIn();
                isFollowBtnVisible = true;
            }
        } else if (!isFadeInExist) {
            // .btn__fadein が存在しない場合はボタンを常に表示
            if (!isFollowBtnVisible) {
                $('.follow__btn').fadeIn();
                isFollowBtnVisible = true;
            }
        } else {
            if (isFollowBtnVisible) {
                $('.follow__btn').fadeOut();
                isFollowBtnVisible = false;
            }
        }
    }
    
    // 初期状態でのボタンの表示設定
    function initFollowButton() {
        var windowWidth = $(window).width();
    
        if (windowWidth >= 768) {
            $('.follow__btn').hide();  // 768px以上では非表示
        } else if (isFadeInExist) {
            $('.follow__btn').hide();  // .btn__fadeinがある場合はスクロールに応じて制御
        } else {
            $('.follow__btn').show();  // .btn__fadeinがない場合は常に表示
            isFollowBtnVisible = true;
        }
    }

    // スクロールとリサイズにイベントを設定
    function onScrollOrResize() {
        window.requestAnimationFrame(() => fadeInOnScroll(false));
        window.requestAnimationFrame(toggleFollowButton);
    }

    // ページ読み込み時とスクロール・リサイズ時にイベントを実行
    initFollowButton();
    fadeInOnScroll(true);  // ロード時は画面内の要素のみ即時フェードイン
    $(window).on('scroll resize', onScrollOrResize);

    // ページロード完了後にフェードインを確認
    $(window).on('load', function() {
        fadeInOnScroll(true);  // 初回アクセス時のフェードインを表示
        onScrollOrResize();
    });
});