Javascript 如何确定文本框在屏幕上的位置

我在我的web应用程序中实现了一个聊天系统，我显示了消息列表（下面将添加新消息）和一个消息框，用户可以在其中键入消息

我目前面临的问题是，当我将新消息添加到列表（附加到最后一行的底部）时，消息框在屏幕上被按下

如何确定消息框在屏幕上的位置，使其不会被按下

---

为了澄清，消息框将始终位于列表中最后一条消息的下方。这意味着我需要页面自动滚动，以便消息框始终保持在屏幕中央的位置

因为您没有共享任何标记，我已经做了一个演示…因此为了停止按下您的输入框，您需要使用

overflow-y:scroll，并为其指定固定高度，如下所示：

HTML

由于您没有共享任何标记，我制作了一个演示…因此为了停止按下输入框，您需要使用
overflow-y:scroll，并为其指定固定高度，如下所示：

HTML

我不太明白确切的问题

如果希望将消息框固定到窗口中的某个位置，而不考虑其他控件的位置，则可以执行以下操作：

#msgboxContainer
{
  position:absolute;
  left:10px; 
  bottom:20;
}

我不太明白确切的问题

如果希望将消息框固定到窗口中的某个位置，而不考虑其他控件的位置，则可以执行以下操作：

#msgboxContainer
{
  position:absolute;
  left:10px; 
  bottom:20;
}

你的目标是什么？如果它没有降到适合屏幕的位置，最终它会阻塞一条消息。您可以尝试使用position:fixed或position:absolute，但如果您不能更好地解释您试图实现的目标，我无法提供太多帮助hi@PabloMescher，谢谢您的留言。我编辑了我的问题以使它更清楚。该框将始终低于最后一条消息，因此我需要整个页面滚动或调整，使消息框保持在相同的位置，你的目标是什么？如果它没有降到适合屏幕的位置，最终它会阻塞一条消息。您可以尝试使用position:fixed或position:absolute，但如果您不能更好地解释您试图实现的目标，我无法提供太多帮助hi@PabloMescher，谢谢您的留言。我编辑了我的问题以使它更清楚。框将始终低于最后一条消息，因此我需要整个页面滚动或调整，以便消息框保持在相同的位置嗨，谢谢你的回复！我如何确保默认设置是滚动到底部，以便底部消息始终可见？您欢迎：）并且需要使用javascript/jquery来完成：）嗨，谢谢您的回复！如何确保默认情况下滚动到底部，以便底部消息始终可见？您欢迎：），并且需要使用javascript/jquery来实现：）
#msgboxContainer
{
  position:absolute;
  left:10px; 
  bottom:20;
}