在停止滾動自動位置列

我正在與兩欄拆分滾動網站。它運作良好，但有一個問題似乎無法解決。這是當我停止滾動，列定位是這樣的：在停止滾動自動位置列

example img

他們需要在下一個自動定位自己給對方，讓用戶得到看到完整的很好的對準圖像。現在，我已經使用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

在此先感謝

來源

2013-12-16 user2099810

你可以調用一個函數來對準左側，用戶已完成滾動之後。這個例子假設左列和右列是相同的（如你的例子）。

... 
    $(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/

來源

2013-12-16 16:08:46 Moob

謝謝，我可以肯定這項工作：d – user2099810

在情況下，它有什麼用途，下面是該動畫的左，右列插入位置向上或向下取決於一個例子當前位置：http://jsfiddle.net/46eP2/1/。布蘭登亞倫的jquery-mousewheel插件可用於完整性：https：//github.com/brandonaaron/jquery-mousewheel –

感謝您的示例，它似乎並沒有工作:(但生病給它一個去：D – user2099810

在停止滾動自動位置列

回答

相關問題