如何使我的表单停留在标题下，除非我需要滚动？

<div class="container">
  <h1>标题</h1>
  <form>
    <!-- 表单内容 -->
  </form>
</div>

.container {
  position: relative;
  height: 100vh; /* 设置容器高度为视口高度，保证内容不会超出屏幕 */
  overflow-y: scroll; /* 允许容器垂直滚动 */
}

h1 {
  position: sticky;
  top: 0; /* 将标题固定在容器顶部 */
  background-color: #fff; /* 可根据需求设置标题的背景颜色 */
  padding: 10px;
  z-index: 1; /* 确保标题在表单上方显示 */
}

form {
  padding-top: 50px; /* 为表单内容留出标题的高度 */
}