dyaa
9/27/2017 - 9:16 AM

Check if a particular element is in view.

Check if a particular element is in view.

// Let me show approch without JQuery. Simple JS function:

function isVisible(elem) {
	var coords = elem.getBoundingClientRect();
	var topVisible = coords.top > 0 && coords.top < 0;
	var bottomVisible = coords.bottom < shift && coords.bottom > 0;
	return topVisible || bottomVisible;
}

// Short example how to use it:

var img = document.getElementById("pic1");
if (isVisible(img)) { img.style.opacity = "1.00";  }