想象一下很长的博客帖子列表，每个帖子的左侧都有个人资料图片。我想知道一种有效的（跨浏览器）方式，让个人资料图片保留在屏幕上当前屏幕最上方的左侧：
页面会像这样打开：
--------------------Top of window-----------------
--- --------------------------------------
|A| | A's post |
--- | |
| |
| Line 4 |
| |
| |
| |
| |
| |
--------------------------------------
--- --------------------------------------
|B| | B's post |
--- | |
| |
| |
| |
| |
| |
| |
| |
--------------------------------------
但是当页面向下滚动时，它看起来像这样：
--------------------Top of window-----------------
--- | Line 4 |
|A| | |
--- | |
| |
| |
| |
--------------------------------------
--- --------------------------------------
|B| | B's post |
--- | |
| |
| |
| |
| |
| |
| |
| |
--------------------------------------
最后这样（注意A的个人资料图片的底部与博客文章的底部对齐，他们都移出了屏幕的顶部）：
--------------------Top of window-----------------
|A| | |
--- --------------------------------------
--- --------------------------------------
|B| | B's post |
--- | |
| |
| |
| |
| |
| |
| |
| |
--------------------------------------
我希望我的解释清楚！
理想情况下，我可以在CSS中完全实现这一点（我非常怀疑在支持IE7时这是可能的！）但是使用jQuery实现这一点的有效方法也将受到赞赏。
谢谢！
答案 0 :(得分：0)
当此项目离开屏幕并且将其css位置设置为固定时，您必须使用javascript检查，没有css只能这样做。