防止工具提示/ 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

在过去，我之前显示它使用的位置计算算法中，以确定弹出窗口的位置。您必须确定弹出节点的位置，宽度和高度，然后将其与文档尺寸进行比较。如果它超出边界，则在调用类更改函数之前重新定位它。