Прокручиваемый внутренний элемент внутри ионного содержимого - PullRequest
Новая
       4

Прокручиваемый внутренний элемент внутри ионного содержимого

0 голосов
/ 07 февраля 2020

Привет, я пытаюсь иметь внутреннюю прокрутку div внутри содержимого иона. Как бы я получил, чтобы внутренний div занял оставшееся пространство, а не устанавливал число пикселей из css.

1]

1 Ответ

0 голосов
/ 07 февраля 2020

Надеюсь, это поможет! 

#wrapper {
  display: flex;
  flex-direction: column;
  width: 200px;
  height: 300px;
  
  background: #ccc;
}

input, #scroll {
  margin: 10px;
}

#scroll {
  display: flex;
  
  flex-grow: 1;
  flex-direction: column;
  
  background: #ddd;
  
  overflow-y: auto;
}
<div id="wrapper">
  <input type="text" placeholder="INPUT">
  <input type="text" placeholder="INPUT">
  <input type="text" placeholder="ANOTHER INPUT">
  <div id="scroll">
    <p>They see me scrolling</p>
    <p>They see me scrolling</p>
    <p>They see me scrolling</p>
    <p>They see me scrolling</p>
    <p>They see me scrolling</p>
    <p>They see me scrolling</p>
    <p>They see me scrolling</p>
    <p>They see me scrolling</p>
    <p>They see me scrolling</p>
  </div>
</div>
...