javascript - 如何相对于浏览器窗口定位 DIV？

Question

我有一个 PHP 页面，可以显示对话的内容并允许我回复。由于消息按时间倒序显示(首先显示较新的消息)，将“答复”表单放在页面末尾看起来很糟糕并且使用起来不舒服(必须在所有消息之间滚动)，但将其放置在顶部看起来也很糟糕，因为人们无法阅读旧消息并回复。
所以，我需要像 Facebook 那样的对话方式:当文本框保持在固定位置时，可以阅读所有消息。可以找到一个例子 here : 当进入页面 [并等待几秒钟] 时，左侧的图像出现，并在您滚动页面时跟随浏览器。

Answer 1

听起来你想要 position:fixed CSS property .

HTML:

<textarea class="inputbox"></textarea>

此 CSS 会将其放在页面底部:

.inputbox {
    position: fixed;
    bottom: 0px;
}

您可能还想查看 top、left 和 right。