espero que puedan ayudarme con esta duda, lo que pasa es que estoy detectando si un elemento es visible en pantalla, para ello estoy utilizando esta función:
var imagen = document.querySelector(".rast-photo");
window.onscroll = function () {
var posTopView = window.scrollY;
var posButView = posTopView + window.innerHeight;
var elemTop = imagen.offsetTop;
var elemBottom = elemTop + imagen.offsetHeight;
if ((elemBottom < posButView && elemBottom > posTopView) ||(elemTop > posTopView && elemTop < posButView)) {
console.log("Si es visible")
} else {
console.log("No es visible")
}
};
El único problema es que esto me manda algo así:
me repite bastantes veces el console log porque la condición se cumple varias veces, de que manera puedo hacer que solo aparezca una vez? me refiero a que si el elemento es visible mande el mensaje que es visible pero solo una vez y cuando deje de ser visible me mande el mensaje de que no es visible pero igual solo una vez, espero puedan ayudarme con esta duda, GRACIAS!