Necesito ayuda para crear una ventana deslizante dentro de mi Web. Ya tengo un código js que lo utilizo para que se deslice mi ventana, pero lo que necesito es que cuando llegue a un punto en "y" EJ: 100 px se detenga, aunque el scroll de la Web puede seguir bajando.
Código Javascript
:
Ver originalvar capa =
{
topMargin : 1 ,
ceiling : 55 ,
desplazaTime : 1200 ,
capaDiv : document.all ? document.all.capa :
(document.layers ? document.capa : document.getElementById('capa'))
}
window.setInterval("capa.coordenadas( )", 35)
capa.coordenadas = function( )
{
if(document.all)
{
this.actualY = this.capaDiv.style.pixelTop;
this.scrollTop = document.body.scrollTop;
}
else if(document.layers)
{
this.actualY = this.capaDiv.top;
this.scrollTop = window.pageYOffset;
}
else if(document.getElementById)
{
this.actualY = parseInt(this.capaDiv.style.top);
this.scrollTop = window.pageYOffset;
}
var nuevoScrollTop = Math.max( this.scrollTop + this.topMargin, this.ceiling );
if ( this.actualY != nuevoScrollTop )
{
if ( nuevoScrollTop != this.targetY )
{
this.targetY = nuevoScrollTop;
this.desplazaInit( );
}
this.desplaza( );
}
}
capa.desplazaInit = function( )
{
var ahora = new Date( )
this.A = this.targetY - this.actualY ;
this.B = Math.PI / ( 2 * this.desplazaTime );
this.C = ahora.getTime( );
this.D = this.actualY;
}
capa.desplaza = function( )
{
var ahora = new Date( );
var nuevaY = this.A * Math.sin( this.B * ( ahora.getTime( ) - this.C ) ) + this.D;
nuevaY = Math.round( nuevaY );
if ( ( this.A > 0 && nuevaY > this.actualY ) || ( this.A < 0 && nuevaY < this.actualY ) )
{
if (document.all)
this.capaDiv.style.pixelTop = nuevaY;
else if(document.layers)
this.capaDiv.top = nuevaY;
else if(document.getElementById)
this.capaDiv.style.top = nuevaY;
}
}
No se en que punto de este código colocar un "IF"
EJ.
if(y == "100px"){
capa YA NO TE MUEVAS
}else{
capa PUEDES MOVERTE
}
PD: Entonces cuando llegue a las 100px ya no te muevas. Ahora, si movemos el scroll de la Web para arriba, la ventana debe seguir deslizándose ahora para arriba. Hasta llegar a un punto fijo, a su poscicion inicial, marcada con la variable:
topMargin : 1
PD2: Mi ventana la llamo por el
ID del DIV "capa".
Espero que puedan ayudarme!!