Я пытаюсь проверить <Sidebar>
из semantic-ui-react
, который, к сожалению, не работает должным образом. Боковая панель прокручивается вместе с контентом, а заголовок моего веб-сайта position: fixed
также прокручивается, когда я упаковываю все свое приложение в <SidebarPushable>
. Развернув его, вы получите идеальный фиксированный заголовок позиции. Вот коды и окно: https://codesandbox.io/s/semantic-ui-react-sidebar-tqt06
Это всего лишь тест, в моем реальном приложении завершение <Routes>
приведет к безумно измененному CSS <SidebarPushable>
.
Есть ли какая-то конкретная стратегия / структура, которой нужно следовать при использовании Sidebar
?
Примечание: я использую fomantic-ui-css
вместо semantic-ui-css
.