使用 qTip2 检测溢出答案

【问题标题】：Detecting overflow with qTip2使用 qTip2 检测溢出
【发布时间】：2012-04-26 00:34:24
【问题描述】：

我正在尝试防止工具提示超出页面末尾。我正在使用 qTip jQuery 插件，但遇到了一些问题。默认定位是position: absolute;，我需要将其设置为position: relative;，以使其对overflow: hidden;做出正确反应它应该做的是自动检测它是否会超出div，如果是，则显示以不同的方式，因此它不会被隐藏。 qTip 网站上的这个解决方案解释了这个http://craigsworks.com/projects/qtip2/docs/position/#container，但我无法弄清楚如何在没有positoin: absolute; 的情况下让qTip 正确显示

我该如何解决这个问题？

【问题讨论】：

标签： jquery css qtip2

【解决方案1】：

根据您的问题，我不确定您需要做什么，而且我不清楚您为什么要覆盖 qTip 的定位。如果您发布了一些示例代码或示例链接，也许有人可以为您提供更好的答案。

但是，除非我遗漏了什么，听起来您真正需要做的就是将viewport 定义为窗口。例如：

$('.selector').qtip({
   position: {
      viewport: $(window)
   }
});

【讨论】：

感谢您的精彩提示 :)

【解决方案2】：

我所做的解决方法是将箭头放在对角，因此工具提示会显示在页面内部。问题不是“固定”的说法，但它确实有效。

【讨论】：