0

我有几个框（超过 100 个）将在屏幕上的不同位置动态创建。单击每个框后，我希望弹出一个带有详细信息的幻灯片。

我希望它的位置在每个盒子附近滑动。我已经这样做了，但是，如果某些框靠近右侧的浏览器窗口端，则弹出窗口的一半会隐藏在窗口中。

我希望这些弹出窗口在窗口之前完全显示（就像在 excel 中一样）。

我用于定位的 javascript 代码；

function centerPopup(comp_id, top, left) {    
    $("#popupContact").css({
        "position": "absolute",
        "top": top + 70,
        "left": left + 223
    });
}
4

2 回答 2

0

如果它们出现在另一个元素下方，请尝试z-index为弹出框的样式添加更高的样式。这将允许它以较低的 出现在其他东西上z-index。

我需要更多代码或示例（使用 jsfiddle.net）才能真正了解发生了什么

于 2012-05-23T04:35:05.187 回答
0

如果我正确理解了您的问题，那不是与其他框重叠，而是在屏幕边缘丢失了一半框？这听起来像您使用窗口的边缘来设置框的位置，但您没有考虑框本身的宽度。确保将当前框的宽度除以 2，然后从最大窗口大小中减去。这会将框的右边缘定位在窗口的右侧（如果您想象一个框呈现在屏幕的最右侧）。

希望我正确地解释了你的问题。

于 2012-05-23T05:02:16.060 回答