В столбце автоматического позиционирования прокрутки

Question

Я работаю над разделенным прокручивающим сайтом с двумя столбцами. И он отлично работает, но есть одна проблема, которую я не могу решить. Это когда я остановить прокрутку и столбцы расположены так:

Они должны автоматически позиционировать себя рядом друг с другом, так что пользователь получает, чтобы увидеть полный хорошо выровненной изображение. Теперь я попытался с помощью Jquery INview:

$('.content:nth-child(2)').one('inview', function (event, visible) { // i know the selector is wrong just for example purposes 
    if (visible == true) { 
    $('col.left').css("top", "0"); 
    } else { 
    // element has gone out of viewport 
    } 
}); 

Но это, кажется, не сделать трюк .. Использование INview, вероятно, неправильный путь в любом случае. Теперь я попытался найти решение для Google, но, похоже, я не могу найти что-либо, что делает трюк. Кто-нибудь знает плагин, который делает это для меня? Или, если кто-то может указать мне в правильном направлении, это было бы потрясающе.

JSFIDDLE

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

Answer 1

Вы можете вызвать функцию для выравнивания влево и вправо после того, как пользователь завершил прокрутку. В этом примере предполагается, что левый и правый столбцы одинаковы (как в вашем примере).

... 
    $(window).scroll(function() { 
     $('.right').css('top', (top + $(window).scrollTop()) + 'px'); 
     clearTimeout(t); 
     t = setTimeout(function(){scrollend();},200); 
    }); 

    function scrollend(){ 
     //console.log("scrollend"); 
     clearTimeout(t); 
     $('.right').css('top', (0 - $(window).scrollTop()) + 'px'); 
    } 
... 

EG: http://jsfiddle.net/u9apC/4/