Bootstrap 3列，位置固定

Question

我正在尝试重新创建在TradingView.com主页上看到的布局，该页面有2列，一旦右列到达其底部，则左侧将继续滚动。我已经尝试了很多事情，而我能得到的最接近的结果是，一旦它碰到了视口的顶部，它就会被粘贴在右边。尝试在没有flexbox的情况下做到这一点，并完全剥掉TradingView的代码。

还尝试了许多jQuery插件，包括dollarhaveclubs Stickybits和粘底都行不通。我的html很简单

<div class="row">
  <div class="col-md-5 col-md-offset-1">
     ...
  </div>
  <div class="col-md-6"> <!-- sticky this once the last element's bottom hits the viewport -->
     ...
  </div>
</div>

开始认为如果不切换到flexbox就无法做到这一点。有任何想法吗？谢谢！