Intersection Observer

const observer = new IntersectionObserver((entries) => {
    entries.forEach(entry => {
        if (entry.isIntersecting) {
            console.log('Element visible');
        }
    });
});
observer.observe(document.getElementById('element'));