如何强制列保持在用户的视图中

Question

我有一个页眉，左栏，主栏和页脚。我希望能够将左栏始终保持在用户的视图中，无论它们向下滚动多远等等。

我将如何做到这一点？

Answer 1

将position: fixed添加到您的列css - http://jsfiddle.net/P99Ny/

Answer 2

在左侧列的CSS中应用position: fixed; - 这将始终保持在视图中。使用top和left也可根据需要设置其位置。

Answer 3

您可能希望使用jQuery插件Waypoints来补充position:fixed;。如果左栏与页面顶部之间有很大的空间，那就太棒了。它也很容易使用。