Я рассмотрел другие примеры этого здесь, но не могу найти тот, который делает эту работу. Я хочу, чтобы боковая панель (раздел) была липкой во время прокрутки страницы. позиция: липкие работы, если я надену его на nav, поэтому мой браузер def поддерживает его.
main {
display: grid;
grid-template-columns: 20% 55% 25%;
grid-template-rows: 55px 1fr;
}
nav {
background: blue;
grid-row: 1;
grid-column: 1 / 4;
}
section {
background: grey;
grid-column: 1 / 2;
grid-row: 2;
position: sticky;
top: 0;
left: 0;
}
article {
background: yellow;
grid-column: 2 / 4;
}
article p {
padding-bottom: 1500px;
}
<main>
<nav></nav>
<section>
hi
</section>
<article>
<p>hi</p>
</article>
</main>