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
Escrito por Jose Aguilar - Director ejecutivo y tecnológico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.
Te ha servido? Valora esta entrada!
(1 votos, promedio: 5 de 5)
Comparte en las redes sociales
¿Buscas trabajo de programador?

4 respuestas a “Barra lateral sidebar siempre visible”

  1. Martin dice:

    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.

  2. diego dice:

    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.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Ver más sobre