jquery - 许多粘性滚动div jQuery

Question

我想制作一个网站，其主页应显示许多帖子的一部分。帖子将位于左侧，社交按钮位于右侧。只要帖子的部分完成，社交按钮就会保持固定。您可以通过在http://jsfiddle.net/uhCsa/查看这个 jsfiddle 来更好地理解我。以下是我的代码：-

<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>

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

Answer 1

您可以使用下面的 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>

谢谢，

湿婆