特定のiPhone（iOS15.6で確認）でJavaScriptが発火しない

実現したいこと

iOS17.6.1では問題なく表示されるフェードインアニメーションを、以前のiOSバージョンでも問題なく表示されるようにしたい

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

iOS17.6.1では問題なく表示されるWebサイトが、iOS15.6では表示されない。JavaScriptでスクロールに応じてフェードインするアニメーションを指定しているか所が表示されません。フェードインアニメーションを指定していないところは問題なく表示されます。

エラーメッセージ

error
1エラーメッセージは確認していません

該当のソースコード

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();
            
            // ignoreOffsetがtrueの場合は画面内にある要素だけ即時フェードイン
            if ((ignoreOffset && scroll + windowHeight > elemPos) || scroll > elemPos - windowHeight + 150) {
                $(this).addClass('scrollin');
            }
        });
    }

    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();
    });
});