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>