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

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>