Estoy trabajando en la versión móvil de mi portfolio, como normalmente la pantalla suele ser pequeña, intento tratar de desplazar el menú al hacer scroll en la página, fijandolo. Tras mucho testearlo desde el PC, el resultado es bueno y fluído, además de sencillo y fácil de hacer el efecto. El problema viene a ser en el móvil.
El problema es en la función "onscroll" (cada vez que se hace scroll en la página), pues en el móvil esta función no la detecta. Tengo en el tope una barra de unos 50px de alto, debajo de esta barra el menú, la intención es que tras superar la barra de arriba, el menú se quede fijado en la parte superior, ¿sencillo, no? Pues el móvil no lo hace, aunque desconozco si en un iPhone/iPod sí, pero igualmente es importante que cualquier móvil, sea Android, Windows Mobile o iPhone, interprete esta función correctamente.
El código, que no falte:
Código PHP:
onscroll = function(){
var positionBody = $("html, body").scrollTop();
if(positionBody >= 50) {
$(".menu").css("position","fixed");
$(".menu").css("top","0");
}
else{
$(".menu").css("position","absolute");
$(".menu").css("top","50px");
}
}
Lo que os pido es prácticamente sencillo, una alternativa a "onscroll", un modo de detectar que en la pantalla de el móvil se hace scroll, no una vez solo, si no todo el rato.
Y bueno, gracias de antemano por la ayuda :D