我有一个带有overflow:hidden的滚动窗格div。请检查here。有些产品是带有标题的图像,显示在滚动窗格中。当我将鼠标光标移动到产品div上时,它会变为浅黄色背景并改变其高度 - 我只是使用jQuery向div添加一个类,它工作正常。我需要解决的问题是将活动产品的展开div显示为滚动窗格上方显示的单独div,但现在它显示在该窗格内并将其扩展到其高度。我想让它看起来与this one类似。在这里,您将鼠标光标移到产品上,然后获得一个扩展的div,显示详细信息。当然,由于滚动窗格我的任务有点困难。
答案 0 :(得分:2)
如果您在.product
的鼠标悬停时使用.offset() method,则不应太困难。你能做的是以下几点:
.product
悬停事件处理程序中,获取产品的偏移量。这将为您提供与文档相关的产品位置。<body>
。