Barra lateral sidebar siempre visible
Cuando tenemos páginas con mucho texto y un menú lateral con links a más contenidos apreciamos que tras hacer scroll de la pantalla para ver la información hasta el final comunmente el menú lateral ya no se aprecia ya que suele estar fijo en pantalla.
Utilizando la librería jQuery más alguna técnica CSS podemos hacer movible dicho menú con el scroll de pantalla para tenerlo siempre visible.
Realmente es muy útil, por ejemplo, para grandes cantidades de texto en las que quieres mostrar unos enlaces internos a determinadas partes de ese texto o subsecciones o lo que quieras.
Es muy simple, luego de agregar la librería jQuery a tu web, debes indicarle que capa de tu html será la que se mueva acorde al scroll que hagas en tu web y en tu html, indicar el div que hará de barra lateral y un poco de CSS para adornar tu barra lateral.
Es más difícil de explicar que de hacer así que mejor observa el ejemplo en funcionamiento.
Autor
Te ha servido? Valora esta entrada!
Comparte en las redes sociales
¿Buscas trabajo de programador?
Hola que tal hay alguna manera de crear una barra lateral, similar a los menues fijos que se ponen en la cabecera pero al costado izquierdo de la misma? Categorias que siempre queden fijas y destacadas. Muchas gracias.
hola eso lo tienes que montar tu maquetándolo de tal forma en position:fixed;
Buenos días, he llegado a esta página siguiendo un vínculo desde Google.
A mí me interesaría saber si es posible lo siguiente:
¿Cómo se hace para poner la pestaña que tienes en tu web que pone Share con una serie de iconos?.
Gracias por la Ayuda.
Hola buenas tardes,
Es un plugin de WordPress. Se llama sharethis.
Saludos,