Swiper

スクロールして、画面内に現れたら「autoplay」を開始

オプションにて「autoplay」を有効にすると自動再生してくれるけど、
スライダー自体がサイトの下の方にある場合、
勝手にスライドが切替わってしまい、
スクロールしてスライダーが表示されたときは途中から見ることになってしまう

1枚目から見れるようにしたい

画面内に現れてから「autoplay」を開始させるように指定したい！！

↓↓↓↓↓下にスクロール↓↓↓↓↓

script

                  
window.onload = function () {
    const swiper = new Swiper(".swiper", {
        spaceBetween: 20,
        slidesPerView: 1,
        loop: true,
        speed: 2000,
        autoplay: {
            delay: 1000,
        },
        pagination: {
            el: ".swiper-pagination",
            clickable: true,
        },
        navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev",
        },
    });
    swiper.autoplay.stop();
    window.addEventListener('scroll', function () {
        var Swiper = document.querySelector('.swiper');
        var position = Swiper.offsetTop - window.innerHeight + 100;
        var scrollTop = window.scrollY;
        if (scrollTop > position) {
            swiper.autoplay.start();
        } else {
            swiper.autoplay.stop();
        }
    });
}