滚动叠加元素,禁用正文滚动

时间:2012-01-17 08:25:29

标签: javascript scroll

我正在尝试为支持Javascript的浏览器编写图片库。图库显示缩略图并重定向到完整照片,该照片放置在包含导航链接和标题的表格中。该表以固定定位为中心,并且不透明的分区夹在表和正常页面流之间。然后在主体上禁用滚动条(表标签本身在body标签内)。

我的问题是:当窗口大小小于图像大小并且禁用了身体滚动时,如何为叠加图库启用滚动?我意识到HTML表格不能单独滚动,但我将它与不透明的部门一起包装在一个部门中。我应该使用绝对定位画廊表而不是固定定位吗?

我知道如何计算窗口大小,我可以使用Javascript与元素大小进行比较,所以我知道这种情况何时出现。

1 个答案:

答案 0 :(得分:0)

在'叠加'图像上设置CSS,这将为其提供自己的滚动条:

imgDiv{
height: 10px;
width: 20px;
overflow:scroll;
}