Javascript 如何使用jquery固定右侧div？

在第二行中，一个单独的div如何在滚动页面时，一个右手侧俯冲固定，然后是固定的，当到达页脚区域时，再向上移动这个固定div

下面是我的代码示例：

我想要col-md-4类在出现页脚内容时进行修复，然后更新

<div class="container">
 <div class="row">
  <div class="col-md-8">
  </div>

  <div class="col-md-4">
  </div>
 </div>
</div>

演示-

布局-

<div class="row">
        <div class="col-xs-8 content">Content</div> 
        <div class="col-xs-3 col-xs-offset-1">
            <div class="fixed col-xs-4">
              Something
            </div>
        </div>
    </div>

内容
某物

当滚动页脚区域，然后分割内容时，请告诉我如何修复？