Jquery 如何检测页面末尾的元素？

我正在创建我的自定义标记助手，我不知道这种技术叫什么

我的

内容可编辑

始终位于页面底部，每当我按

@

字符时，它将在底部显示一个自定义下拉菜单。然后，要使用菜单，我必须滚动页面

现在，我想检测底部是否没有更多的高度，它将显示在

contenteditable

的顶部

你能给我一些谷歌搜索关键词来了解它吗？或者如果我有一个小的演示可能会更好

---

谢谢大家!

我在下面创建了一个演示：

$（文档）.ready（函数（）{
var container_height=$（“#container”）.height（）；
var first_position=容器高度-$（“#first”）.position（）.top；
var second_position=容器高度-$（“#second”）.position（）.top；
var last_position=容器高度-$（“#last”）.position（）.top；
log（`First position:${First\u position}`）
log（`Second position:${Second_position}`）
log（`Last position:${Last_position}`）
})

#第一、第二、最后{
宽度：100px；
高度：100px；
填充：30px；
保证金：3倍；
文本对齐：居中；
}
#首先{
背景#556622；
}
#第二{
背景#773399；
}
#最后{
背景：#996677；
}

第一
第二
最后

可能有用@GhitaB ya，谢谢！我想这和我的不一样，但你是对的。。。您不能使用此选项，因为我知道您的下拉列表始终不在视口中。我建议您可以将其始终放置在视口中，这样就不需要滚动。您可以将@和输入保留在它现在所在的位置，但带有建议的列表将位于其上方。谢谢！我试试看