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

Ayuda Sticky menu en Joomla

Tema en 'Joomla' comenzado por teban, 3 de Marzo de 2015.

  1. teban

    teban Nuevo Miembro

    Se incorporó:
    3 de Marzo de 2015
    Mensajes:
    2
    Me gusta recibidos:
    0
    Puntos de trofeos:
    1
    Género:
    Hombre
    Hola, un saludo cordial para todos.

    Quiero crear un menú pegajoso en mi web joomla, seguí el tutorial paso a paso que fue publicado en http://www.falconmasters.com/web-design/menu-pegajoso-sticky-menu/, lo cree y funciona perfecto. La cuestion es que cuando intento replicarlo en una web bajo joomla no me ejecuta el script.

    En el index.php de la plantilla (que hice yo mismo) llamo el archivo js y carga perfectamente en la web.

    Este es el código html que ve llega al navegador:

    <header>
    <div class="row">
    <div class="logo"> Aqui el Logo </div>
    <div class="menu-a">
    <nav class="moduletable_menu">
    <ul class="nav menu sticky">
    </nav>
    </div>
    </div>
    </header>

    Y este es código del Script cargado en main.js

    $(document).ready(function(){
    var altura = $('.moduletable_menu').offset().top;

    $(window).on('scroll', function(){
    if ( $(window).scrollTop() > altura ){
    $('.moduletable_menu').addClass('menu-fixed');
    } else {
    $('.moduletable_menu').removeClass('menu-fixed');
    }
    });
    });

    Version Joomla 3.4.0
    Servidor Local

    De antemano gracias por la ayuda, quedo atento.
     
  2. teban

    teban Nuevo Miembro

    Se incorporó:
    3 de Marzo de 2015
    Mensajes:
    2
    Me gusta recibidos:
    0
    Puntos de trofeos:
    1
    Género:
    Hombre
    Note que cuando recargo la pagina digamos en la zona de la mitad (osea cuando la altura del scroll es mayor que la variable altura) me carga el menu en la posicion fixed y cuando la recargo en la zona superior (osea cuando la altura del scroll es inferior que la variable altura) me carga el menu normal. Es como si el script solo se ejecutara en el momento de actualizar la pagina, no hace la comprobacion siempre que muevo el scroll.

    Espero su ayuda
     

Comparte esta página