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$("#segundaPagina").mousewheel(function(event) {
if(event.deltaY == 1){
changeToPage1();
}
else if(event.deltaY == -1){
changeToPage3();
}
});
Y esta es la función en mi caso para el cambio de página
Código Javascript
:
Ver originalfunction changeToPage2(){
if (!blockedMouse){
blockedMouse = true;
$('#twoSidebar').attr("class", "sidebarButtonSelected");
$('#oneSidebar').attr("class", "sidebarButton");
$('#threeSidebar').attr("class", "sidebarButton");
$('#fourSidebar').attr("class", "sidebarButton");
if (paginaSeleccionada < 2) {
$("#primeraPagina").animate({top:"-100%"},2500).dequeue().fadeOut(2500);
setTimeout(function(){
paginaSeleccionada = 2;
blockedMouse = false;
},2510);
}
else if(paginaSeleccionada > 2) {
$("#segundaPagina").animate({top:"0%"}).dequeue().fadeIn(400, function(){
$("#terceraPagina").animate({top:"0%"},0).delay(400).fadeIn(0);
});
setTimeout(function(){
paginaSeleccionada = 2;
blockedMouse = false;
},410);
}
}
}
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.