Угловой материал и макет-заливка до 100% экрана, не более

0

Я смотрю в Угловой материал, но я не привык использовать flexbox для макетов. Мне не нужна панель прокрутки справа от моего экрана. Тем не менее, я хочу иметь полосу прокрутки в правой части каждого div под панелью инструментов.

HTML:

<body ng-controller="MainController as main" ng-cloak>
  <div ng-include="'menu.html'"></div>
  <div ng-include="'toolbar.html'"></div>
  <div ui-view layout="row" layout-fill></div>
</body>

Мой пример Plunkr

В моем Plunkr, обратите внимание, что есть две панели инструментов. Я не хочу, чтобы внешняя панель инструментов показывалась. Если я прокручу вниз во внутреннем левом прокрутке, я не могу увидеть нижнюю часть этого элемента, если я не прокручу дальше, используя внешний правый свиток.

Еще один пример моей проблемы

В моем примере Imgur я прокрутил документ, и я все вижу, но я больше не вижу панель инструментов. По какой-то причине md-toolbar - это сумма, добавленная к высоте. Я могу исправить это, установив высоту тела до 95%, но это не очень хорошее решение.

  • 0
    Я не понимаю вашу проблему даже после проверки снимка экрана
  • 0
    Я не хочу полосу прокрутки справа. Макет больше, чем весь экран.
Показать ещё 4 комментария
Теги:
less
angular-material
material-design

1 ответ

0
Лучший ответ

Кажется, что position: fixed; right: 0; установки position: fixed; right: 0; position: fixed; right: 0; на элемент решил это для меня.

Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню