滚动时将图像保持在顶部

时间:2011-11-04 14:49:41

标签: javascript css image html scroll

我有一个使用DIV布局的页面,它基本上由标题(菜单),左窗格(约20%页面宽度),右窗格(剩余80%)和一个页脚。页面的高度约为2-3个屏幕高度,因此它是可滚动的。它看起来像this

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

菜单高度约为100像素,因此图像从左侧窗格开始~px 100.一旦用户向下滚动到图像为0 px的点,我希望图像保持固定在0 px用户滚动(而不是显然滚动屏幕,就像现在一样)。页脚也占用~100像素,所以我希望图像显然不会显示在页脚上。

是否有一个简单的解决方案或JS / CSS技巧来实现它?

1 个答案:

答案 0 :(得分:2)

有一个很好的jQuery插件,名为jScroll试一试!您可以在此处查看演示:http://www.wduffy.co.uk/jScroll/以及下载链接。

享受!