Jdalebrook.: Modificar contenido según scroll javascript

martes, 9 de junio de 2015

<!DOCTYPE html>

<html>

#test00{

height: 500px;

outline: solid 1px rgba(0,0,0,0.5);

}

#test01{

height: 500px;

outline: solid 1px rgba(0,0,0,0.5);

}

</style>

<body>

</div>

</div>

</div>

var top = pageYOffset;

var altopag = document.getElementById("test00").clientHeight;

console.log(altopag);

document.body.onscroll=function(){

if( window.scrollY > altopag){

console.log("rule");

document.getElementById("test01").style.backgroundColor = "#000";

document.body.style.backgroundColor = "#000 ";

}else {

document.getElementById("test01").style.backgroundColor = "#fff";

document.body.style.backgroundColor = "#fff ";

}

};

</script>

</body>

</html>

Páginas