Comunidad de diseño web y desarrollo en internet online

Scroll con la rueda del mouse

Citar            
MensajeEscrito el 14 Oct 2008 07:41 pm
Tengo un scroll bar que funciona perfectamente.. pero me gustaria agregarle la posibilidad de hacer el scroll con la rueda de scroll del mouse. Como se hace esto??

Por Argento1982

14 de clabLevel



 

firefox
Citar            
MensajeEscrito el 14 Oct 2008 08:16 pm
Busca en la ayuda de flash en la clase TextField por la propiedad "mouseWheelEnabled".

Por elchininet

Claber

3921 de clabLevel

17 tutoriales

Genero:Masculino  

Front-end developer at Booking.com

firefox
Citar            
MensajeEscrito el 14 Oct 2008 08:27 pm
Mmm.. lo lei, pero sinceramente no entiendo como lo puedo agregar a mi código actual.

Este es el AS de mi scroll actualmente....

Código :

//-------------------------------------------------------------------------------
//declaramos variables
var posy:Number = 5;
//variables q van a limitar el movimiento del drag
izquierda = dragger._x;
superior = 0;
derecha = dragger._x;
inferior = mascara._height - dragger._height;

//-------------------------------------------------------------------------------
//iniciamos el drag
dragger.onPress = function(){   
   //le asignamos las variables
   startDrag(this,false,izquierda,superior,derecha,inferior);
   
}
//terminamos el drag
dragger.onRelease = function(){
   stopDrag();
}

dragger.onRollOut =  function(){
   this._alpha = 100;
}

//He eliminado el onReleaseOutside en ambos eventos.
//Y lo coloco como un evento aparte que llama a los otros dos (ahorrando código y haciéndolo más usable)

dragger.onReleaseOutside = function(){
   this.onRollOut();
   this.onRelease();
}
//cambiamos el alpha al poser el cursor
dragger.onRollOver = function(){
   this._alpha = 75;
}
//-----------------------------------------------------------------------------
//seteamos la mascara al texto o clip
txt.setMask(mascara);

//aca el codigo para el easing
txt.onEnterFrame = function(){
   
    /*esta variable basicamente se fija cuanto del texto ha sido "scroleado"
    a travez de la mascara y limita el movimiento del dragger en relacion a
   esta informacion, de esta manera puedes cambiar el tamaño de tu texto o clip
   y la variable se actualizara a si misma*/
   scrolled = (this._height - (mascara._height /1.02)) / (mascara._height - dragger._height);
   
   //nueva posicion en y 
   posy =- dragger._y * scrolled;
   
   //cambia la velocidad de 6 o mayor, para un scrol mas lento; y menor, para uno mas rápido
   this._y -= (this._y - posy) /3;
}

Por Argento1982

14 de clabLevel



 

firefox
Citar            
MensajeEscrito el 14 Oct 2008 08:42 pm
Ya veo que el scroll lo tienes programado por tu cuenta, pues entonces se complicaría el asunto, deberías utilizar de la clase Mouse el evento onMouseWheel y variar las posiciones de tu scroll depende del valor generado por la acción, algo que te llevará muchas pruebas consecutivas, pero prácticamente lo que debes hacer es jugar con el valor de "delta" y tratar de remplazarlo en algún modo por tu variable "scrolled".

Por elchininet

Claber

3921 de clabLevel

17 tutoriales

Genero:Masculino  

Front-end developer at Booking.com

firefox
Citar            
MensajeEscrito el 07 Mar 2010 07:19 pm
Bueno hola a todos, me doy cuenta que este post fue iniciado en el 2008 un poco tarde y pues no se supo si pudo o no arreglar el problema, pues bueno llegue aqui con la misma pregunta, es mas baje el mismo .fla al que pertenece el codigo y pues seguramente lo bajo del mismo sitio que yo, y pues como digo no se si pudo lograr su cometido, el caso es que segui leyendo el post de donde baje el .fla y encontre el codigo para hacer scroll con la rueda del mouse y es este.

bueno espero que les sea de utilidad pues a mi me funciono perfecto

Código :

this.onMouseWheel = function(incre) {
dragger._y -= incre*6;
if (dragger._y>inferior)
{
dragger._y=inferior;
}
if (dragger._y<superior)
{
dragger._y=superior;
}
};
Mouse.addListener(this);

Por Jorceltico

3 de clabLevel



 

Diseñador Gráfico

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.