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

Question

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

Answer 1

听起来您想要position:fixedCSS 属性。

HTML：

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

这个 CSS 将把它放在页面的底部：

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

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

Answer 2

use 可以使用 position:fixed on div 并使用 top 、 left 或 bottom 、 right 或您想要选择的任何内容进行调整