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