Javascript 停止滚动自动定位列时

我在一个有两列的拆分滚动网站上工作。它工作得很好，但有一个问题我似乎无法解决。当我停止滚动时，列的位置如下所示：

它们需要自动将自己定位在彼此旁边，以便用户能够看到完整的对齐图像。现在我已经尝试在视图中使用Jquery：

$('.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可能是错误的方法。现在我试着用谷歌搜索一个解决方案，但我似乎找不到任何能起作用的方法。有没有人知道一个插件可以帮我做到这一点？或者如果有人能给我指出正确的方向那就太棒了

---

提前感谢

您可以在用户完成滚动后调用函数来对齐左右。本例假设左列和右列相同（与您的示例中相同）

---

例如：

如果有任何用途，下面的示例将根据当前位置设置左右列的上下位置动画：。Brandon Aaron的jquery mousewheel插件可用于完整性：感谢您的示例，它似乎不起作用：（但我试试看：D

...
    $(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');
    }
...