如何确定工具提示是否从页面顶部被截断

Question

我有一个工具提示，可以在鼠标悬停时通过 javascript 打开。根据以下值，我如何确定此工具提示是否从屏幕的上边缘被切断（在本例中是）：

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

以下是来自其下方的工具提示的值，该工具提示未被切断，并且完全适合窗口: top margin: 53.5 inside height: 607 offsettop: 209 offsetheight: 222

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

Answer 1

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