размещение прокручиваемого div внутри фиксированного div - PullRequest
0 голосов
/ 09 июля 2020
• 1000 1006 *
#big-title-list{
    padding:0;
    margin-left: 5px;
    margin-right: 5px;
    overflow: scroll;
}

В моем случае полоса прокрутки появляется, но она просто не прокручивается вообще. Между прочим, ни одно из решений на следующей странице не сработало: Div с полосой прокрутки внутри div с положением: fixed .

На всякий случай я разделяю соответствующую часть html ниже:

image

1 Ответ

0 голосов
/ 09 июля 2020

Вот это работает, также с некоторыми другими предложениями:

aside{
  display: flex;
  flex-flow: column;
  position: fixed;
  height: 100%;
  width: 25%;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  z-index: 1; /* 1 should be enough if there are no other z-index */
  top:0;
  left: 0;
}
#big-title-list{
  flex: 1; /* So it fills the available vertical space */
  padding: 0;
  overflow: hidden;
  overflow-y: auto; /* Only vertical scroll appears, only if needed */
  margin: 0;

  /* These two are just to make the content bigger and force the scroll to appear */
  font-size: 18px;
  line-height: 3;
}
image
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...