Jscrollpane — кто ставил? как сделать чтобы скрол вытягивался по вертикали во всю длину контейнера?

Здорова басота.
Поставил скрол Jscrollpane.

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

Контейнер адаптивный, по этому надо скрол вытянуть, убрать фиксированный height 200px.

Контейнер сделан на флекс, внутри идут 2 блока, у одного 70% у другого 30%, так вот левая сторона растягивается по вертикали правой, соответственно и скрол должен растягиваться во всю высоту контейнера.

Рабочий пример: (подгрузил стили и js, а чет там скрол не показывает).
https://jsfiddle.net/L6m1kw2z/21/

Офф сайт скрола: jscrollpane.kelvinluck.com

Если вот такие параметры
.scroll-pane,
.scroll-pane-arrows
{
  width: 100%;
  height: 200px;
  overflow: auto;
  padding: 0 30px 0 0;
  margin-right: 60px;
}
.horizontal-only
{
  height: auto;
  max-height: 200px;
}

То выходит вот что.
5f9eb7c0a7b67925779644.jpeg

А если такие - то скрол пропадает и левый блок контейнера уходит куда-то за границы (данные стили должны были вытягивать скрол по вертикали во всю длину блока, но не работает)
.scroll-pane,
.scroll-pane-arrows
{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  overflow: auto;
  padding: 0 30px 0 0;
  margin-right: 60px;
}
  • Вопрос задан
  • 41 просмотр
Пригласить эксперта
Ответы на вопрос 1
ws17
@ws17 Автор вопроса
Ребята извиняюсь, все починил, я забыл bottom 0 )) ахаха.

.scroll-pane,
.scroll-pane-arrows
{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
bottom:0;
  overflow: auto;
  padding: 0 30px 0 0;
  margin-right: 60px;
}
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы