滚动叠加元素，禁用在主体上滚动

Scrolling a superimposed element, disabling scrolling on body

本文关键字：滚动 主体 叠加 元素      更新时间：2023-09-26

我正试图为支持Javascript的浏览器编写一个图像库。图库显示缩略图并重定向到完整的照片，该照片位于包含导航链接和标题的表格中。表格以固定的位置居中，不透明的分区夹在表格和正常页面流之间。然后，表体上的滚动条将被禁用（表标记本身位于表体标记内）。

我的问题是：当窗口大小小于图像大小并且禁用正文滚动时，如何为叠加库启用滚动？我意识到HTML表不能单独滚动，但我已经将它和不透明的除法一起封装在一个除法中。我应该对图库表使用绝对定位而不是固定定位吗？

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

在"叠加"图像上设置CSS，这将给它自己的滚动条：

imgDiv{
height: 10px;
width: 20px;
overflow:scroll;
}
相关文章：