在中心设计上滚动时固定面板

Question

好的,所以我想使用一个有三个div(布局为列)的布局.外部两个将与导航相关,因此我希望它们在用户滚动时保持原位.中间部分将容纳内容,因此需要与页面正常滚动.

我知道你通常使用position:fixed,但我希望整个设计都集中在页面上.使用固定定位不允许它像在中心设计中那样水平移动.有人知道如何满足所有这些标准吗？

我已经设置了一个jsfiddle来启动它:http://jsfiddle.net/8RqEt/

Answer 1

使用position:fixed; left: 50%; margin-left: ??px在外部元素:

http://jsfiddle.net/M5X7q/

• left: 50%将每个元素的左边缘居中到页面:http://jsfiddle.net/M5X7q/1/
• 然后,margin-left每个元素所需位置的正确数量.