Örnek bir kod yazıyorum.
HTML;
CSS;
Kendi yaptığım Gray temada bu yöntemi kullanıyorum.
Bir de JS ile yapılmışı var;
Bkz: https://abouolia.github.io/sticky-sidebar/
(Tavsiye etmem 😊)
HTML;
Kod:
<div class="content layout">
<div class="layout__main">Ana içerik</div>
<div class="layout__sidebar">
<div class="layout__sidebar-inner">Sidebar içerik</div>
</div>
</div>CSS;
Kod:
.layout { display: flex; justify-content: space-between; }
.layout__main { width: calc(100% - 22.25rem); }
.layout__sidebar { width: 20.75rem; }
.layout__sidebar-inner { position: sticky; top: 1.5rem;}Kendi yaptığım Gray temada bu yöntemi kullanıyorum.
Bir de JS ile yapılmışı var;
Bkz: https://abouolia.github.io/sticky-sidebar/
(Tavsiye etmem 😊)
