防止工具提示/ DIV在鼠標懸停/懸停時脫離瀏覽器Chrome瀏覽器

Question

我使用jquery添加和刪除一個類，當我將鼠標懸停在縮略圖上但當縮略圖太靠近時，會彈出一個提供信息的工具提示到瀏覽器的邊緣，Chrome瀏覽器的工具提示超出了Chrome的範圍，並且不可讀。關於從哪裏開始提供工具提示的任何想法都保留在屏幕上？感謝您的任何建議。下面是代碼：

http://jsfiddle.net/ySeTL/

Answer 1

http://jsfiddle.net/loktar/ySeTL/10/

全屏 http://jsfiddle.net/loktar/ySeTL/10/embedded/result/

基本上，只是沒有表現出來，如果它會出界。下一步將是另一個，它將你正在顯示的元素定位到左邊的許多像素。

我的標記有點困惑。看起來你擁有的所有東西都表現爲單個元素。 IE標題，圖片，描述都是獨立的隱藏元素。我會圍繞它們包裝一個容器，然後隱藏/顯示，並定位。

Answer 2

在過去，我之前顯示它使用的位置計算算法中，以確定彈出窗口的位置。您必須確定彈出節點的位置，寬度和高度，然後將其與文檔尺寸進行比較。如果它超出邊界，則在調用類更改函數之前重新定位它。