AleksMey
@AleksMey
Пытаюсь разобраться

Как правильно расположить блоки со свойством sticky и fixed в ряд?

Подскажите, что я делаю не так. Возможно я не правильно построил структуру. Position-sticky не работает. Задумка в том, что слева навигационный блок фиксированный, по центру контент, справа липкий блок. При этом шапка так же фиксированная, из-за чего контент залазит под шапку и header-fix делает отступ, чтобы контент был после шапки.

<div class="container-fluid header-fix">
         <div class="row">
            <div class="col-lg-1 position-fixed">фиксированная колонка</div>
            <div class="col-lg-8 ">
               <div class="col-lg-8 mx-auto">{content}</div>
            </div>
            <div class="d-none d-lg-block col-lg-3 position-sticky">левая липкая колонка</div>
         </div>
      </div>


Визуально выглядит так.
61818afb9811d213459634.png
  • Вопрос задан
  • 66 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы