Sidebar Sticky usando grid?

  • Autor Autor FinerGaby
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
F

FinerGaby

Beta
Usuário com poucas negociações! Use sempre o saldo do 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.. =(
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
Solucionado pueden cerrar ^^.
 
Voltar
Topo