使用qTip2检测溢出

Question

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

我该如何解决这个问题？

Answer 1

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

但是，除非我遗漏了某些内容，否则您真正需要做的就是将viewport定义为窗口。例如：

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

Answer 2

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