Jquery Scroll
 

Привет!
Есть 2а дива:

<div class="leftCol" height="200px;"></div>
<div class="rightCol" height="1000px;"></div>

Нужен скролл но максимально чтоб скролился до высоты rightCol
Написал такой вариант:

$(window).scroll(function() {
        var rightColHeight = parseInt($('.rightCol').css('height'));
        var leftColHeight = parseInt($('.leftCol').css('height'));
        var leftColTop = parseInt($('.leftCol').offset().top);
        var rightColTop = $('.rightCol').offset().top;
        var heightScroll = rightColHeight-leftColHeight;
        if(leftColTop > heightScroll) {
            $('.leftCol').css('position','relative').css('top',heightScroll+'px');
        }
    });

Вниз нормально опускается но проблема в том что когда скролю вверх он стоит на месте. Как исправить это ?