Как реализовать расширение центрального блока при прокрутке?

Question

[sedoyky4er]

Ребята подскажите пожалуйста, как реализовать. Значит есть макет сайт с двумя блоками sidebar и content. Нужно чтобы при скролле страницы sidebar исчез, а на его место расширилось пространство contenta. Аналоги технологии на сайте VK
Я написал jQuery кодик, что когда я прокручиваю собственно content расширяет, а вот левый блок смищается вниз, я его скрыл, и все как надо, но при скролле страницы на верх он появляется в самом низу, а не на своем месте. Прилагаю код:

$(document).ready(function(){
scrollStart = 300; 
$(window).scroll(function(){ 
	if ($(this).width() > 1200) {  
		var scroll = $(window).scrollTop();
		$('body').html()

		if (scroll > scrollStart) {
			$('#content-wrapper').css('width','1000');
			$('#sidebar-wrapper').show();
		} else {
			$('#content-wrapper').css('width','750'); 
            $('#sidebar-wrapper').hide();
        }
    }
});
});

Вопрос состоит в том, как решить проблему появления sidebar на своем месте, а не в низу страницы?

Answer 1

[Виталий Инчин ☢]

Если правильно понял, то вам нужно так сделать. В общем, с классами поиграться, а не с hide и show.

Если хотите поправку своего варианта - давайте CSS и HTML.

Comments

[sedoyky4er]

Хорошо, если поможешь я буду очень тебе благодарен! Куда код кидать?

[Виталий Инчин ☢]

sedoyky4er: jsfiddle.net