使用 jQuery popbox 库(http://gristmill.github.io/jquery-popbox/index.html)我遇到了以下问题:
我有一个巨大的 div,它的溢出设置为自动。它实际上是一个锦标赛网格,显示了许多要进行的比赛。每场比赛(单独的 div)都有一个小的信息图标,点击后,我使用 Popbox 在出现的窗口中显示附加信息。
这一切都正常工作,但是,每当我按下接近父 div 底部或左侧的 div 上的信息图标时,它的溢出设置为 auto,弹出框窗口的一部分在结束时不可见在父 div 之外。我正在寻找一种用户友好的方式来解决这个问题。
将父级的 div 溢出设置为可见不是一个选项,因为如果滚动条太大,我需要显示滚动条。如果我可以让 Popbox 窗口超出父 div 并完全可见,那就太好了。
我现在能想到的另一个想法是为靠近边缘的信息图标设置特殊类,并将弹出框窗口调整到右侧/顶部,以便它在父 div 中可见,而不管它是否溢出。