我看看是否能描述清楚这个需求：

现在有两块相关的区域：左列表，右操作说明。列表可能很长，有垂直滚动条；那么在滚动的时候，希望右侧的操作说明保持不动，好随时查阅。

这好办，将右侧的操作说明所在的DIV的position设成fixed，如此即可在左侧列表滚动之时岿然不动矣。

问题是，整个页面也有一个垂直滚动条。当这个页面滚动条滚动时，这个fixed的操作说明，因为在屏幕中位置恒定不变，并不随整个页面滚动，结果变成遮盖了其他滚动下来的内容。完全变形。

咋整？

很简单，左侧列表滚动条滚动时，将操作说明设成fixed；页面滚动条滚动时，将操作说明的fixed去掉。

其中要点，在于区分jquery对象的offset()位置(相对页面的位置)及指定对象（DIV或页面）的垂直滚动条的已滚动距离scrollTop()。

参考资料：

阮一峰的

猴赛雷。