Javascript 使jQuery Popbox在其父对象之外可见

使用jQuery popbox库（）时，我遇到了以下问题：

我有一个巨大的div，它的溢出设置为自动。它实际上是一个比赛网格，显示了许多比赛。每个匹配（单独的div）都有一个小的信息图标，单击后，我将使用Popbox在弹出的窗口中显示其他信息

这一切都正常工作，但是，每当我按下靠近底部或父div左侧的div上的info图标（其溢出设置为auto）时，popbox窗口的一部分将不可见，因为它最终位于父div之外。我正在寻找一种用户友好的方法来解决此问题

将父级的div overflow设置为visible不是一个选项，因为如果它太大，我需要显示滚动条。如果我能使Popbox窗口位于父div之外并且完全可见，那就太好了

---

我现在能想到的另一个想法是，将特殊类设置为靠近边缘的信息图标，并将popbox窗口调整到右/上，使其在父div中可见，而不管其溢出情况如何。

我建议您使用一些特殊类，使popover在上/右上方“弹出”。
您可以在此处看到一个示例：
如果要使用引导，可以在此处进行自定义生成：

---

Popover css+js只是额外的~10k min+gzip

谢谢你的回答。我想找到一个快捷方式，但最终我将类似于引导的代码直接编码到Popbox库中。这花了一些时间，但至少它让我可以完全控制自己喜欢做什么。