Определить, когда панель md больше размера окна - PullRequest
Новая
       9

Определить, когда панель md больше размера окна

0 голосов
/ 14 декабря 2018

Эта проблема чисто CSS, но для фона я использую mdPanel, в дизайне материала для angularjs.

https://codepen.io/anon/pen/oJbPzX?&editable=true

Если ваш браузер относительно небольшой, и вы поставили этовысота до большого значения 

.menu-panel .menu-content {
  display: flex;
  flex-direction: column;
  padding: 8px 0;
  height: 100px; <=== here
  overflow-y: auto;
  min-width: 256px;
}

У вас будет меню за пределами окна.Это пример, в моем случае, у меня есть mdPanel, который является своего рода большим (вы можете имитировать его, имея большую высоту в codepen, и я хотел бы, чтобы эти поведения.

  1. Если панельполностью видна, не показывать полосу прокрутки (EASY / уже реализовано)
  2. Если панель меньше содержимого, показывать полосу прокрутки (EASY / уже реализовано)
  3. если панель большеили выходя из окна просмотра, затем добавьте к нему полосу прокрутки, чтобы я мог перемещаться по контенту (HARD / Не реализовано)

Как я могу это сделать?

1 Ответ

0 голосов
/ 14 декабря 2018

Добавить Height с calc 

.menu-panel .menu-content {
    display: flex;
    flex-direction: column;
    padding: 8px 0;
    height: calc(100vh - 98px);
    overflow-y: auto;
    min-width: 256px;
}
...