Как сделать "fixed" при прокрутке блока

[Bulat Ibrahim]

Здравствуйте. Мой сайт состоит из трёх блоков: средний (основной), правый и левый (дополнительные). Хотел бы я сделать их прокрутку как в Вконтакте. Там же, если длина одного блока заканчивается, то он "останавливается" во время прокрутки длинного (например, в основной странице пользователя - фиксируется левое поле, или в поиске людей - правое поле.)
В Фаербаге (в Фаерфокс) посмотрел в ВК - как только короткий блок докручивается до своего окончания, ей дается свойство "position:fixed" и "bottom: XXpx". И как только пользователь покрутит вверх - сразу эти свойства снимаются.

Долго ломал голову, как же это сделать - не смог понять. Предполагаю, что это делается с помощью ".scroll()" (в jQuery). А вот как сообщить действие, когда нижняя часть блока дойдёт до низа окна - не могу догадаться.

Кто может, помогите пожалуйста.
В яваскрипт и jQuery у меня опыта работы нет, к сожалению

[Naive]

position: fixed вырвет из потока элемент, я бы его оставил в потоке и двигал скриптом через position: relative; top: xxpx или transform: translateX(xxpx);.
джейкверевский .scroll() — это событие, которое срабатывает при скролле, в колбэке которого и нужно определять текущее положение элемента и то как его двигать далее. Для определения положения у jQuery есть 2 метода: .position() и .offset(). Лично я люблю нативный метод .getBoundingClientRect(), он показывает расстояние до всех границ блока (втч до нижней) относительно вьюпорта.

[Bulat Ibrahim]

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

$(window).scroll(function(){
	var tZur = $(window).height(); //вычисляю высоту окна браузера
	var UnBitOz = $("#unBit").outerHeight(true); //вычисляю высоту (длину) блока
	if ($(window).scrollTop() >= UnBitOz - tZur + 130 +40) { //ловлю момент, когда блок доходит до своего конца (с этого момента его нужно "поймать", чтобы не сбежал вверх)
		$("#unBit").css({"transform":"translateY($(this).offset({top:$(window).offset(), left:val.left}))"}); //кажется, что-то тут не правильно, раз ничего не работает...
	};
});