大量粘性滚动div jQuery

我想做一个网站，其主页将显示许多帖子的一部分。帖子将位于左侧，社交按钮位于右侧。只要帖子的一部分完成，社交按钮就会保持不变。您可以通过在上查看此JSFIDLE更好地了解我。以下是我的代码：-

<div class="container">
<div class="left-content">
    This is example content<br />
    This is example content<br />
</div>

<div class="right-content">
    This is the right content. I want this to scroll down as the user scrolls till the        
end of the main div
</div>

</div>

这是示例内容

这是示例内容

这是正确的内容。我希望它在用户滚动时向下滚动，直到
主分区结束

---

这只是代码的一部分。请在我的JSFIDLE中查看整个代码和输出。提前感谢。

您可以使用下面的css将特定的div设置为可滚动，另一个是固定的

<style type="text/css">
    .scrollable {
        width: 200px;
        height: 200px;
        background: #333;
        overflow: scroll;
    }
    .fixed {
        position: absolute;
        top: 180px;
        width: 200px;
        height: 20px;
        background: #fa2;
    }
</style>
<div class="scrollable">
    im scrollable<br><br>
    im scrollable<br><br>
    im scrollable<br><br>
    im scrollable<br><br>
    im scrollable<br><br>
    im scrollable<br><br>
    <div class="fixed">and I'm fixed</div>
</div>

.可滚动{
宽度：200px；
高度：200px；
背景：#333；
溢出：滚动；
}
.固定{
位置：绝对位置；
顶部：180像素；
宽度：200px；
高度：20px；
背景：#fa2；
}
im可滚动


im可滚动


im可滚动


im可滚动


im可滚动


im可滚动


我已经修好了

谢谢

---

湿婆

你没有明白我的问题。我没有一个这样的div，我有无限多个div。我还希望固定div在主div结束后停止滚动。你可以在电视上看到它。我希望你明白我的意思。无论如何，谢谢你试着帮助我。。