如何确定工具提示是否从页面顶部切除

时间:2011-03-28 04:03:52

标签: javascript math positioning

我有一个工具提示,可以在mouseover上通过javascript打开。从以下值中我如何确定此工具提示是否从屏幕的上边缘切除(在这种情况下是这样):

top margin: 72.5 inner height: 607 offsettop: 75 offsetheight: 26

以下是来自其下方的工具提示中未被切断的值,并且非常适合窗口: top margin: 53.5 inner height: 607 offsettop: 209 offsetheight: 222

我希望能够检测到tooptip是否被切断,然后对边距应用更改以将其向下推以适应屏幕。

1 个答案:

答案 0 :(得分:1)

if (left + width > viewportWidth || top + height > viewportHeight) {
   // Off the viewport
}