/* Скролл переносим внутрь #layout-body — это родная flex-раскладка October. Верхнее меню и сайдбар остаются видны без sticky/fixed-хаков; дроп-меню в шапке не ловит stacking-context (иначе оверлей .mainmenu-submenu-overlay с z-index 600 перехватывает клики). min-height: 0 нужен на промежуточной .flex-grow-1 внутри вертикальной flex-колонки — иначе flex-item с min-height:auto (по умолчанию) растёт под контент и не даёт overflow-y сработать у #layout-body. */ body:not(.main-menu-left) #layout-canvas > .d-flex.h-100 > .flex-grow-1 > .d-flex.h-100.flex-column > .flex-grow-1 { min-height: 0; } body:not(.main-menu-left) #layout-body { min-height: 0; overflow-y: auto; } /* Сайдбар-ul делаем flex-column, чтобы пункт «Свернуть» (см. sidenav-collapse.css) прижимался к низу через margin-top: auto. :not(.sidenav-responsive) — в мобильной разметке тот же