Как закрепить левую колонку?

[ironzorin]

Чтобы скролилась только центральная.

Пробую через 

#column-left {
	position:fixed;
}

Но тогда центральная колонка смещается налево. Как правильно сделать?

Змінено 18 січня 2018 користувачем ironzorin

[Slavikovna]

сайт покажите, версия?

[ssa]

отступ добавьте

[Eldaeron]

Можно по разному. Наример с помощью Sticky JS

 

https://codepen.io/jakestuts/full/EzKau

[ironzorin]

В 18.01.2018 в 12:07, Slavikovna сказал:

сайт покажите, версия?

http://krts.myjino.ru

Чистый OS-2.3. В конец stylesheet.css добавлено

#column-left {
	position:fixed;
	z-index: 1001;
}

 

 

В 18.01.2018 в 12:14, ssa сказал:

отступ добавьте

Куда именно? 

В content?

Добавил margin-left

/* content */
#content {
	min-height: 600px;
	margin-left: 300px;
}

В результате отступ появляется даже на тех страницах, где нет левой колонки.

[ssa]

#content.col-sm-9 {
	min-height: 600px;
	margin-left: 300px;
}

так будет только для страниц с левой колонкой

Змінено 20 січня 2018 користувачем ssa

[ironzorin]

@ssa Спасибо за помощь, но стойкое ощущение, что делаю что-то не то.

Объединяю с закреплением верхнего меню через jQuery

$(function(){
 $(window).scroll(function() {
 var top = $(document).scrollTop();
  if(parseInt(window.innerWidth) > '767'){
   if (top < 124){
    $("#menu").css({left: '0', top:'0px', position: 'relative'});
    $("#column-left").css({top: '0px', position: 'relative'});
    $("#content.col-sm-9").css({'margin-left': '0px', top: '0px' });
   }else {
    $("#menu").css({left: '105px', position: 'fixed'});
    $("#column-left").css({top: '50px', position: 'fixed'});
    $("#content.col-sm-9").css({'margin-left': '292px', top: '50px' });
   }
  }
 });
});

В результате плывёт вся вёрстка.

http://krts.myjino.ru/

Неужели придётся всё подгонять вручную по пикселям? Или же есть более правильное решение?