滚动时保持图像顶部

Question

我有一个使用DIV s布置的页面，它基本上由标题（菜单），左窗格（约20％的页面宽度），右窗格（其余80％）组成。 ，和一个页脚。页面的高度约为2-3屏幕高度，因此它是可滚动的。它看起来像this。

我在左侧窗格中的所有内容<div>是占据屏幕高度约40％的图像。我希望图像在用户滚动时基本上“滑动”在屏幕上。

菜单高度约为100像素，因此图像从〜px 100的左侧窗格开始。一旦用户向下滚动到图像为0 px的点，我希望图像保持固定当用户滚动时（而不是显然滚动屏幕，像现在这样）在0像素。页脚也占据了〜100像素，所以我希望图像显然不会显示在页脚上。

有没有一个简单的解决方案或JS/CSS技巧来实现这个？

Answer 1

有一个很好的jQuery插件叫jScroll试试！您可以在这里看到演示：http://www.wduffy.co.uk/jScroll/以及下载链接。

享受！