定位弹出窗口

Question

我有几个盒子（超过100个）将在屏幕上的不同位置动态创建。单击每个框后，我想要弹出一个幻灯片，其中包含详细信息。

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

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

用于定位的javascript代码;

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

Answer 1

如果它们出现在另一个元素下面，请尝试在弹出框的样式中添加更高的z-index。这将使其显示 over 具有较低z-index的其他内容。

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

Answer 2

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

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