Как сделать фиксированный сайдбар на всю высоту + скролл-контент?

Question

[vladHD]

Всем привет, собственно вопрос, необходимо сделать сайдбар на всю высоту окна браузера (флоат лефт) + контентная часть,которая скролиться (без планки скролбара), в общем что-то похожее на сайт эпла или яндекс.диск.

С уважением, Владислав.

Answer 1

[Александр Прозоров]

Что мешает вот так прибить сайдбар?

.sidebar { 
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  width: 250px; 

  padding:10px;
  background-color: #cc0000;
  color: #ffffff;
}

.content {
  padding:10px;
  margin-left: 260px;
}

UPD: вариант без скрола.

Comments

[vladHD]

в Вашем решении есть панелька скрола

[Александр Прозоров]

vladHD: разместил вариант без скрола: https://jsfiddle.net/08pby3va/2/

[vladHD]

нет, этот вариант не подоходит, Вы просто сместили блок в сторону, я думюа что нужно копать в сторону либо варианта с использованием vh , либо плагина на jquery