2011-06-20 67 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

我所做的解決方法只是將箭頭放在對角上,所以工具提示顯示在頁面內部。問題不是「固定」的,而是有效的。