许多粘性滚动divs jQuery

时间:2013-05-20 08:51:36

标签: jquery

我想建立一个网站,其主页将显示许多帖子的一部分。帖子位于左侧,社交按钮位于右侧。只要帖子的部分完成,社交按钮就会保持固定。你可以通过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中的整个代码和输出。提前谢谢。

1 个答案:

答案 0 :(得分:0)

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

谢谢,

希瓦