Navbar Social

[mikasa]

Estoy buscando hacer un navbar social con contador de comparticiones igual que tienen en la web de ipadizate.

Si os fijáis al principio del post están los iconos de las distintas redes sociales y un contador de comparticiones, pero si haces scroll y llegas justo hasta esa sección se activa un navbar con fondo negro que nos muestras las comparticiones y nos muestra los botones de nuevo. [URL="http://www.ipadizate.es/2014/10/18/apple-imac-pantalla-retina-5k-109863/"]http://www.ipadizate.es/2014/10/18/apple-imac-pantalla-retina-5k-109863/[/URL]

He visto que ellos tienen la web en wordpress, sabe alguien si es un plugin o algo hecho con JS? o si sabéis de algun plugin que haga algo similar... GRACIAS

Un saludo

[ArturoGallegos]

eso lo puedes hacer con js fácilmente

lee sobre esta propiedad de jquery
http://api.jquery.com/scrolltop/

[mikasa]

Hola!

Conozco esa propiedad, pero sé cambiar de color tipo

Código:

$(document).ready(function(){       
            var scroll_pos = 0;
            $(document).scroll(function() { 
                scroll_pos = $(this).scrollTop();
                if(scroll_pos > 110) {
                    $(".navbar-inverse").css('background-color', '#323232');
                } else {
                    $("navbar-inverse").css('background-color', '#1eb0dc');
                }
            });
});

Pero como cambio el color y el contenido?

[ArturoGallegos]

Lo que yo haría es crear dicha barra desde que carga la pagina, usar display para ocultarla, position fixed para mantenerla en el mismo lugar todo el tiempo y jquery solo seria para mostrar u ocultar según la posición en que se encuentre.