Динамическое изменение ширины контента

[utb]

Здравствуйте,
объясните в каком направлении двигаться:

Надо сделать как в контакте: на странице пользователя при прокрутке правый сайдбар как бы заканчивается и контент занимает всю ширину.

я так понимаю: при скроллинге до окончания блока (сайдбара) мы меняем классы у блоков ?

Может есть примеры или готовые решения?
просто я как то даже не знаю как это правильно называется

Заранее спасибо

[danik.js]

Слушаем событие window:scroll. По событию проверяем scrollY (или лучше pageYOffset). В старых IE с этим косяк, нужно воркэраундить. Если scrollY > высота_сайдбара , то растягиваем контент. Другой вариант все по тому же событию получать сайдбар.getBoundingClientRect() , через что можно узнать, находится ли в видимой области сайдбар.

[utb]

danik.js,
большое спасибо, но я как-то по js не очень
на Jquery такое можно?
я так понял if скрол > например 200, то addclass (класс)
что такое?

Заранее спасибо

[danik.js]

что такое?

Что что такое?

на Jquery такое можно?

Ага, так даже проще все.

[utb]

danik.js,
спасибо, буду думать.

Что что такое?

это типа: что нибудь такое? - по той логике, что описал.

[danik.js]

$(window).scroll(function(){
    $content.toggleClass('wide', $(this).scrollTop > 200);
});

[utb]

у меня чего то не получается(

$(window).scroll(function(){
   ('.special').toggleClass('wide', $(this).scrollTop > 200);
});

что то не получается. Что я делаю не так?

[danik.js]

$(this).scrollTop()