Javascript CSS显示div上方的活动元素，溢出：隐藏

我有一个滚动窗格div，带有overflow:hidden。请检查一下。滚动窗格中显示了带有标题的图像产品。当我将鼠标光标移动到产品div上时，它会得到浅黄色的背景并更改其高度-我只需使用jQuery向div添加一个类，它就可以正常工作。我需要以某种方式解决的问题是，将活动产品的扩展div显示为一个单独的div，它显示在滚动窗格的上方，尽管现在它显示在该窗格中并在其高度上扩展。我想让它看起来和我的一样。在这里，您可以将鼠标光标移动到产品上，并获得一个显示详细信息的扩展div。当然，由于滚动窗格的缘故，我的任务有点困难。

如果您使用

.product

的悬停键，应该不会太困难。您可以执行以下操作：

在

.product

悬停事件处理程序中，获取产品的偏移量。这将为您提供产品相对于文档的位置

接下来创建覆盖产品信息div并将其直接附加到

中

将overlay div设置为position:absolute，并使用offset调用返回的值对其进行定位

最后，确保覆盖图的z索引比滚动窗格的z索引高，这样您就可以开始工作了

---

没有简单的方法可以做到这一点。想想看，你可能需要从HTML结构中的原始位置撕下/克隆整个产品

div

，然后在进行高亮显示之前将其放大。这可能会很快变得很难看。