Ir al contenido
document.addEventListener('scroll', function() {
const texto = document.querySelector('.texto-iluminado');
const scrollPosition = window.scrollY;
const screenHeight = window.innerHeight;
if (scrollPosition > screenHeight * 0.25) {
texto.classList.add('iluminado');
} else {
texto.classList.remove('iluminado');
}
});
// Para pantallas pequeñas, aplicar el efecto más rápido
function checkScreenSize() {
const texto = document.querySelector('.texto-iluminado');
if (window.innerWidth <= 768) { // Ajusta el ancho según sea necesario
document.addEventListener('scroll', function() {
const scrollPosition = window.scrollY;
const screenHeight = window.innerHeight;
if (scrollPosition > screenHeight * 0.1) {
texto.classList.add('iluminado');
} else {
texto.classList.remove('iluminado');
}
});
}
}
window.addEventListener('resize', checkScreenSize);
checkScreenSize();