Ver Mensaje Individual
  #2 (permalink)  
Antiguo 27/08/2014, 07:40
Avatar de AitorDB
AitorDB
 
Fecha de Ingreso: agosto-2014
Ubicación: Cádiz, España
Mensajes: 52
Antigüedad: 9 años, 9 meses
Puntos: 5
Respuesta: mouse wheel Jquery

Creo que quieres hacer lo mismo que esto: http://ngdevs.es/zoeNew ¿me equivoco?
Te dejo el código en caso de ser así (el que yo uso, tan solo tendrías que adaptarlo).

Esto recoge el movimiento de la rueda del ratón dentro del elemento
Código Javascript:
Ver original
  1. $("#segundaPagina").mousewheel(function(event) {
  2.     if(event.deltaY == 1){
  3.         changeToPage1();
  4.     }
  5.        
  6.     else if(event.deltaY == -1){
  7.         changeToPage3();
  8.     }
  9. });


Y esta es la función en mi caso para el cambio de página
Código Javascript:
Ver original
  1. function changeToPage2(){
  2.     if (!blockedMouse){
  3.         blockedMouse = true;
  4.         $('#twoSidebar').attr("class", "sidebarButtonSelected");
  5.         $('#oneSidebar').attr("class", "sidebarButton");
  6.         $('#threeSidebar').attr("class", "sidebarButton");
  7.         $('#fourSidebar').attr("class", "sidebarButton");
  8.        
  9.         if (paginaSeleccionada < 2) {
  10.             $("#primeraPagina").animate({top:"-100%"},2500).dequeue().fadeOut(2500);
  11.            
  12.             setTimeout(function(){
  13.                 paginaSeleccionada = 2;
  14.                 blockedMouse = false;
  15.             },2510);
  16.         }
  17.        
  18.         else if(paginaSeleccionada > 2) {
  19.             $("#segundaPagina").animate({top:"0%"}).dequeue().fadeIn(400, function(){
  20.                 $("#terceraPagina").animate({top:"0%"},0).delay(400).fadeIn(0);
  21.             });
  22.            
  23.             setTimeout(function(){
  24.                 paginaSeleccionada = 2;
  25.                 blockedMouse = false;
  26.             },410);
  27.         }
  28.     }  
  29. }

Yo "bloqueo" el ratón para evitar que hagan movimientos durante las animaciones, pero es algo opcional.
Espero haber ayudado, Saludos!

PD: Muy chula la página, aunque deberías revisar el tiempo de carga, tarda demasiado.