Hice este codigo cambia el color de la letra cuando nos dezplazmos 100px hacia abajo y regresa al color original cuando vamos al inicio(100px y menos)
Código HTML:
Ver original<script type="text/javascript"> function mensaje()
{
if(window.pageYOffset >= 100)
{
document.getElementById("main").className = "down";
//pones position fixed
}
else
{
document.getElementById("main").className = "up";
//pones position relative
}
}
.down
{
color: #69f;
}
.up
{
color: #000;
}
body
{
background-color: #f69;
}
<body onscroll="mensaje();" id="main">
En vez de cambiar color ahora cambia el tipo de posicionamiento o desaparece elementos y aparece nuevos
Salu2