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>