1. Con una cuenta podrás:

    • Publicar preguntas y pedir ayuda
    • Crear tutoriales
    • Acceder a contenido privado
    • Convertirte en un Héroe de la web
    Cerrar notificación
  2. Eres nuevo en la comunidad y necesitas ayuda?
    Sigue estos pasos y recomendaciones antes de publicar tu duda:
    Cerrar notificación

Tutorial Swipe Menu con jQuery

Tema en 'Tutoriales de la comunidad' comenzado por Maddenamy, 30 de Enero de 2016.

Tags:
  1. Maddenamy

    Maddenamy Miembro conocido

    Se incorporó:
    9 de Enero de 2015
    Mensajes:
    817
    Me gusta recibidos:
    428
    Puntos de trofeos:
    63
    Ocupación:
    Estudiante
    Localización:
    México
    Página web:
    Esto no se, cual cambio?
    Esto puede ser por tus estilos o por el outline que agrega jquery mobile.
    Prueba con esto:
    Código (CSS):

    *{
        outline: none;
    }
     
    Ese es un preloader de jquery mobile, para eliminarlo agrega esto:
    Código (Javascript):
    $.mobile.loading().hide();
     
    A RodrigoT le gusta esto.
  2. RodrigoT

    RodrigoT
    Moderador
    Miembro del Equipo

    Se incorporó:
    27 de Junio de 2015
    Mensajes:
    738
    Me gusta recibidos:
    168
    Puntos de trofeos:
    43
    Género:
    Hombre
    Ocupación:
    Estudiate
    Localización:
    España
    Página web:
    El cambio que hacia el header es cuando hago scroll se vuelve de color gris oscuro (como el del footer) el cambio se hace por js luego te enseñó el código, que ahora no puedo.

    Muchas gracias por la ayuda :)
     
  3. RodrigoT

    RodrigoT
    Moderador
    Miembro del Equipo

    Se incorporó:
    27 de Junio de 2015
    Mensajes:
    738
    Me gusta recibidos:
    168
    Puntos de trofeos:
    43
    Género:
    Hombre
    Ocupación:
    Estudiate
    Localización:
    España
    Página web:
    @Maddenamy mi codigo js de cambio de color del header es incompatible con jquery-mobile :eek::eek: esta basado en jquery. Que hago paso el codigo a jquery mobile?? :confused::confused:
    Código (Javascript):
    // JavaScript

    $(window).scroll(function(){
        if (window.pageYOffset >= 440) {
            $('header .background .centrar').css("background","#fff");
            $('header .background .centrar').css("box-shadow","0px 2px 4px rgba(0, 0, 0, 0.3)");
            $('header .background .centrar .white_menu').css("background","rgba(51,51,51,.8)");
            }
            else {
            $('header .background .centrar').css("background","transparent");
            $('header .background .centrar').css("box-shadow","none");
            $('header .background .centrar .white_menu').css("background","transparent");
        }
    });
    }
     

Comparte esta página