import React from "react";
import "./clientLayout.css";
const ClientLayout = () => {
const generateParagraphs = (count) => {
return Array.from({ length: count }, (_, index) =>
Paragraph {index + 1}
);
};
return (
{generateParagraphs(1000)}
{generateParagraphs(1000)}
);
};
export default ClientLayout;
< /code>
Это то, что я должен проверить прокрутку. Теперь боковая панель фактически не нуждается в прокрутке. Его контент, который нуждается в прокрутке. < /P>
.client-layout-container {
width: 100%;
height: 100dvh;
position: relative;
display: grid;
grid-template-columns: 15rem 1fr;
gap: 0.2rem;
overflow: hidden;
}
.sidebar {
background: green;
height: 100%;
overflow: auto;
}
.content {
background: yellow;
min-height: 100%;
overflow: auto;
}
< /code>
Теперь, когда боковая панель переполнена: Auto, затем они оба прокручиваются независимо. Но я не хочу этого переполнения: Авто на боковой панели. Я не хочу ничего указывать о переполнении. И так, если я удалю это. Контент теряет способность прокрутки.
Подробнее здесь: https://stackoverflow.com/questions/793 ... scrollings
