HTML / CSS - Как правильно обрабатывать полосы прокрутки в макетах Dynami c (веб-приложение) - PullRequest
0 голосов
/ 02 марта 2020

Я работаю над набором компонентов, чтобы команда разработчиков могла создать «любой» экран веб-приложения, о котором мечтает команда дизайнеров.

Я знаю 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 макетов?

...