在停止滚动自动位置列

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可能是错误的方式去。现在我尝试使用谷歌搜索解决方案，但我似乎无法找到任何有效的方法。有谁知道一个插件，为我这样做？或者，如果有人能指出我正确的方向，那将是非常棒的。

JSFIDDLE

提前致谢