2011-06-20 68 views
2

我试图阻止工具提示离开页面末尾。我正在使用qTip jQuery插件,并有一些问题。默认的定位是position: absolute;,我需要将它设置为position: relative;,以使其正确反应到overflow: hidden;它应该做的是自动检测它是否会超出div,如果是,则以不同的方式显示不会隐藏。这个qTip网站上的解决方案解释了这个http://craigsworks.com/projects/qtip2/docs/position/#container,但我不知道如何让qTip正确显示没有positoin: absolute;使用qTip2检测溢出

我该如何解决这个问题?

回答

10

我不完全确定你需要做什么根据你的问题,这并不清楚为什么你想要覆盖qTip的定位。也许如果你发布了一些示例代码或链接到一个样本,某人可以给你一个更好的答案。

但是,除非我错过了一些东西,这听起来像你真正需要做的就是将viewport定义为窗口。例如:

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

谢谢你的提示:) –

0

我所做的解决方法只是将箭头放在对角上,所以工具提示显示在页面内部。问题不是“固定”的,而是有效的。