ドットインストール - 3分動画でマスターできるプログラミング学習サービス

main.js

'use strict';

{
    const target = document.querySelector('img');

    function callback(entries){
        console.log(entries[0]);

        if (entries[0].isIntersecting){
            target.classList.add('appear');
        }else {
            target.classList.remove('appear');
        }
    }
    const options = {
        threshold :0.2,
    };
    const observer = new IntersectionObserver(callback,options);

    observer.observe(target);
}