Ver Mensaje Individual
  #10 (permalink)  
Antiguo 18/03/2015, 08:00
MMan
 
Fecha de Ingreso: febrero-2015
Mensajes: 61
Antigüedad: 9 años, 2 meses
Puntos: 15
Respuesta: Orientacion sobre menu flotante

Cita:
Iniciado por MMan Ver Mensaje
te falta incluir el codigo javascript que "configura e inicializa"el plugin easing


[URL="http://codepen.io/anon/pen/zxMLaj"]http://codepen.io/anon/pen/zxMLaj[/URL]

---
y no se si debes incluir 2 versiones diferentes de jquery en tu web.... puede causar conflictos, yo me quedaria con uno solo (el mas actualizado ... tal vez)
me parece que no haz LEIDO mi post... te falta el CODIGO JAVASCRIPT PARA INICIAR EL PLUGIN :s tress:

que esta posteado en ese LINK de CODEPEN

<script>
Código:
   //config
    $float_speed = 1500; //milliseconds
    $float_easing = "easeOutQuint";
    $menu_fade_speed = 500; //milliseconds
    $closed_menu_opacity = 0.75;

    //cache vars
    $fl_menu = $("#fl_menu");
    $fl_menu_menu = $("#fl_menu .menu");
    $fl_menu_label = $("#fl_menu .label");

    $(window).load(function() {
        menuPosition = $('#fl_menu').position().top;
        FloatMenu();
        $fl_menu.hover(

            function() { //mouse over
                $fl_menu_label.fadeTo($menu_fade_speed, 1);
                $fl_menu_menu.fadeIn($menu_fade_speed);
            },

            function() { //mouse out
                $fl_menu_label.fadeTo($menu_fade_speed, $closed_menu_opacity);
                $fl_menu_menu.fadeOut($menu_fade_speed);
        });
    });

    $(window).scroll(function() {
        FloatMenu();
    });

    function FloatMenu() {
        var scrollAmount = $(document).scrollTop();
        var newPosition = menuPosition + scrollAmount;
        if ($(window).height() < $fl_menu.height() + $fl_menu_menu.height()) {
            $fl_menu.css("top", menuPosition);
        } else {
            $fl_menu.stop().animate({
                top: newPosition
            }, $float_speed, $float_easing);
        }
    }
</script>