¿Sidebar Sticky usando grid?

  • Autor Autor FinerGaby
  • Fecha de inicio Fecha de inicio
F

FinerGaby

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Alquien sabe si hay alguna forma de hacer un sidebar position: sticky, usando grid layout?

HTML:
#container {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    grid-template-rows: 1fr;
    grid-gap: 0rem;
    padding: 15px;
}
.content-area {
    grid-row: 1;
    grid-column: 2;
}
.sidebar {
    grid-row: 1;
    grid-column: 3;
    width: 300px;
    margin-left: 20px;
}

HTML:
<article id="container">
<div class="content-area">
content area
</div>

<aside id="secondary" class="sidebar" role="complementary">
sidebar
</aside>

</article>
Aclaro lo que quiero no es usando fixed porque el sidebar tiene varias cosas adentro, al usar position sticky cuando vas bajando el sidebar llega a mostrar todo lo que se encuentra adentro mientras mas bajando.

Estuve tratando, tambien e buscado por google pero nada.. =(
 
Solucionado pueden cerrar ^^.
 
Atrás
Arriba