CODE EXAMPLE FOR JAVASCRIPT

javascript how to check if element is visible on screen

var observer = new IntersectionObserver(function(entries) {
	if(entries[0].isIntersecting === true)
		console.log('Element is fully visible in screen');
}, { threshold: [1] });

observer.observe(document.querySelector("#main-container"));