Я работаю над набором компонентов, чтобы команда разработчиков могла создать «любой» экран веб-приложения, о котором мечтает команда дизайнеров.
Я знаю 2 решения:
Неконтролируемая полоса прокрутки (https://codepen.io/lipedeitos/pen/qBErraQ): это сборка с фрагментами макета (верхние / боковые панели / нижние колонтитулы) с position fixed
, большой недостаток этого заключается в том, что каждый слайс нужен чтобы узнать ширину и высоту других срезов, чтобы он мог устанавливать свойства top и left.
Контролируемая полоса прокрутки (https://codepen.io/lipedeitos/pen/vYOmyra): эта построена с макет фрагментов (верхний колонтитул / боковые панели / нижние колонтитулы) с flex, поэтому первый это display flex, height 100% and overflow auto
После первого элемента вы можете нарезать вашу страницу в любом месте по горизонтали и вертикали и продолжать пропускать overflow auto
столько раз, сколько вам нужно.
Это два метода, которые я ' v пробовал, кто-нибудь знает другую хорошую стратегию для создания таких динамических c макетов?