El Diario de Sonora
`;
setInterval(function(){
floatingDiv.style.top = '-272px';
},3000);
return subscription;
});
}
// Seleccionamos el div con la clase post-content
const postContent = document.querySelector('.post-text');
// Seleccionamos todos los párrafos dentro del div post-content
const paragraphs = postContent.querySelectorAll('p');
// Obtenemos el último párrafo
const lastParagraph = paragraphs[paragraphs.length - 1];
// Función para verificar si el último párrafo está visible
function isLastParagraphVisible() {
// Obtenemos la posición del último párrafo
const lastParagraphRect = lastParagraph.getBoundingClientRect();
// Verificamos si está completamente visible en el viewport
const isVisible = (
lastParagraphRect.top >= 0 &&
lastParagraphRect.left >= 0 &&
lastParagraphRect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
lastParagraphRect.right <= (window.innerWidth || document.documentElement.clientWidth)
);
return isVisible;
}
// Función para mostrar la alerta cuando el último párrafo esté visible
function showReadCompleteAlert() {
if(localStorage.notifyMe=='1'){
return;
}
if (isLastParagraphVisible()) {
if(mobile()){
floatingDiv.style.top = '72px';
}else{
floatingDiv.style.top = '106px';
}
// Desactivamos el listener para evitar que se muestre la alerta más de una vez
window.removeEventListener('scroll', showReadCompleteAlert);
}
}
// Agregamos un listener para el evento scroll en la ventana
window.addEventListener('scroll', showReadCompleteAlert);
function mobile() {
// Expresión regular para detectar cadenas comunes en el user agent de móviles
const mobileRegex = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i;
// Verificamos si alguna de las cadenas está presente en el user agent
return mobileRegex.test(navigator.userAgent);
}
const floatingDiv = document.createElement('div');
floatingDiv.innerHTML = `¿Te gustó este articulo?
Toca la campanita para recibir más de lo que te gusta.
Es super fácil y puedes cancelar cuando quieras.
Tal vez más tarde
`;
setInterval(function(){
floatingDiv.style.top = '-272px';
},3000);
}
Más Noticias
