Javascript 子元素（图像的工具提示）被剪裁在具有固定宽度和溢出隐藏的父div中

我有一个固定宽度的父div，溢出隐藏。父div有几个图像，我使用自定义Javascript滚动这些图像。对于每个图像，我都有一个工具提示，我想在鼠标悬停在图像上时显示它。工具提示很大，当我将鼠标移到图像上时会被剪裁，因为父div已隐藏溢出。这个问题的最佳解决方案是什么。我一直在四处寻找，没有找到一个可行的解决方案

---

非常感谢您的帮助。谢谢

我建议您注意，工具提示元素将是身体的子元素，因此它们不会被剪裁。 要在相对于图像的位置显示工具提示，必须知道图像相对于主体的位置。以下是我使用的一种方法：

function getPosition(element)
{
var position = {x:-1, y:-1};

// no element //
if (element === null) return position;

// getting offset parent
var offsetParentNode = document.body; 

// calculating position //
position.x = 0;
position.y = 0;
var _parent = element;
while (_parent !== offsetParentNode && _parent !== document.body && _parent !== null)
{
    position.x += _parent.offsetLeft;   
    position.x -= _parent.scrollLeft;
    position.y += _parent.offsetTop;    
    position.y -= _parent.scrollTop;
    _parent = _parent.offsetParent;
}

if (offsetParentNode !== document.body && (_parent === document.body || _parent === null))
{
    position.x = -1;
    position.y = -1;
}

return position;
}

---

我建议您注意，工具提示元素将是主体的子元素，因此它们不会被剪裁。 要在相对于图像的位置显示工具提示，必须知道图像相对于主体的位置。以下是我使用的一种方法：

function getPosition(element)
{
var position = {x:-1, y:-1};

// no element //
if (element === null) return position;

// getting offset parent
var offsetParentNode = document.body; 

// calculating position //
position.x = 0;
position.y = 0;
var _parent = element;
while (_parent !== offsetParentNode && _parent !== document.body && _parent !== null)
{
    position.x += _parent.offsetLeft;   
    position.x -= _parent.scrollLeft;
    position.y += _parent.offsetTop;    
    position.y -= _parent.scrollTop;
    _parent = _parent.offsetParent;
}

if (offsetParentNode !== document.body && (_parent === document.body || _parent === null))
{
    position.x = -1;
    position.y = -1;
}

return position;
}

如果某个东西在“溢出：隐藏”中，那么它将被剪裁；这就是style属性的含义。你唯一能做的就是将工具提示元素绝对地作为

或其他东西的子元素放置。如果某个东西在“溢出：隐藏”

中，那么它将被剪裁；这就是style属性的含义。您唯一能做的就是将tooltip元素绝对地作为

或其他内容的子元素放置。