如何判断右上角是否在可编辑的div中可见

Question

我有<div>设置为内容可编辑且具有固定高度。溢出时<div>显示垂直滚动条。我想要的是检测我的可编辑<div>中图像的右上角（或左上角）的绝对坐标，尤其是当图像部分可见时。可能吗？更重要的是，有没有办法判断右上角是否对用户可见或者是否在视图外滚动？

任何帮助或想法都将受到高度赞赏。

这应该说明我的想法：

Answer 1

“顶部可见”问题很简单：只需检查div的scrollTop并查看它是否为非零（或更具体地说：小于您正在寻找的元素的offsetTop对）。

Answer 2

您可以使用.offset获取元素相对于文档的X / Y（左上角）坐标。要查看它是否在窗口之外，请将其与$(window).offset()进行比较。后者为您提供当前窗口相对于文档的X / Y坐标，因此如果窗口的Y坐标高于相关元素，则它的顶部不在屏幕上。