如何在底部显示粘性回复表单？

Question

如何为聊天显示粘性回复表单？ 标记是这样的：

<div id="container">
  <div class="messages_container">
    <ol class="messages">
      <li>sample message here</li>
      <li>sample message here</li>
      <li>sample message here</li>
    </ol>
  </div>
  <div class="reply">
    <form>
      <fieldset>
        <textarea cols="60" rows="1" name="message"></textarea>
        <input type="checkbox" checked="checked">
        <input type="submit" value="Submit"/>
      </fieldset>
    </form>
  </div>
</div>

Answer 1

假设您想要将表单粘贴到页面底部，而不管滚动位置如何。我会使用CSS将固定定位应用于包含元素。

.stuck {
    position: fixed;
    bottom: 0;
    z-index: 100;
}


<div class="stuck">
    <!-- Form goes here. -->
</div>