Foros del Web » Creando para Internet » CSS »

columna pegajosa al terminar de mostrar su contenido

Estas en el tema de columna pegajosa al terminar de mostrar su contenido en el foro de CSS en Foros del Web. Hola. Tengo la típica página/blog con dos columnas. La de contenido principal y la de menú donde aparecen las categorías, las etiquetas, búsquedas y de ...
  #1 (permalink)  
Antiguo 11/04/2017, 23:39
 
Fecha de Ingreso: julio-2009
Mensajes: 172
Antigüedad: 15 años, 4 meses
Puntos: 3
columna pegajosa al terminar de mostrar su contenido

Hola.

Tengo la típica página/blog con dos columnas. La de contenido principal y la de menú donde aparecen las categorías, las etiquetas, búsquedas y de mas contenido secundario.

E visto en ciertas páginas que para evitar que quede cualquiera de las columnas en blanco cuando ya no hay más contenido que mostrar, la columna que ya no tiene más contenido que mostrar se pega al top o al bottom del navegador hasta llegar al footer o al header del tema, mientras que el contenido de la otra columna sigue mostrando su contenido durante el scroll.

Aquí un ejemplo: http://themes.kubasto.com/template/l...h-sidebar.html

No se muy bien por donde empezar para conseguir esto.

Saludos.
  #2 (permalink)  
Antiguo 12/04/2017, 12:19
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años, 8 meses
Puntos: 1826
Respuesta: columna pegajosa al terminar de mostrar su contenido

Busca algún Javascript que detecte la posición del objeto depediendo del scroll y le ponga una propiedad.

Por ejemplo esta librería: http://imakewebthings.com/waypoints/

A ver si hay cosas un poco más sencillas, pero como waypoints es útil para one page, puedes adaptarla para eso y que dispare un position fixed.

Etiquetas: columna, contenido, terminar
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:13.