使jQuery Popbox在其父级之外可见

时间:2013-09-09 09:26:46

标签: javascript jquery css html

使用jQuery popbox库(http://gristmill.github.io/jquery-popbox/index.html)我遇到了以下问题:

我有一个巨大的div,它的溢出设置为auto。它实际上是一个锦标赛网格,显示了很多比赛。每个匹配(单独的div)都有一个小信息图标,点击后,我正在使用Popbox在出现的窗口中显示其他信息。

这一切都正常工作,但是,每当我按下靠近底部的div上的信息图标或父div的左边,它的溢出设置为auto时,弹出框窗口的一部分是不可见的因为它最终在父div之外。我正在寻找一种用户友好的方式来解决这个问题。

将父级div溢出设置为可见不是一个选项,因为如果它太大,我需要滚动条出现。如果我可以让Popbox窗口超出父div并且完全可见,那将是很好的。

我现在想到的另一个想法是将特殊类设置为靠近边缘的信息图标,并将弹出框窗口调整到右侧/顶部,以便它在父div中可见,而不管它是否溢出。 / p>

1 个答案:

答案 0 :(得分:1)

我建议你使用一些特殊的课程并制作popover" pop"在顶部/右侧。 你可以在这里看到一个例子:http://getbootstrap.com/javascript/#popovers
如果您想使用Bootstrap,可以在此处进行自定义构建:http://getbootstrap.com/customize/?id=6493526
Popover css + js只需额外~10k min + gzip