在停止滚动自动位置列

我正在与两栏拆分滚动网站。它运作良好，但有一个问题似乎无法解决。这是当我停止滚动，列定位是这样的：在停止滚动自动位置列

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

在停止滚动自动位置列

回答

相关问题