如何允许用户使用css snap向上滚动？

<div class="scroll-container">
  <!-- 内容 -->
</div>

.scroll-container {
  height: 400px; /* 设置容器高度 */
  overflow-y: scroll; /* 允许垂直滚动 */
  scroll-snap-type: y mandatory; /* 定义垂直滚动行为 */
}

.scroll-container > div {
  scroll-snap-align: start; /* 定义滚动停止的位置 */
}

<div class="scroll-container">
  <div class="scroll-section">
    <!-- 第一部分内容 -->
  </div>
  <div class="scroll-section">
    <!-- 第二部分内容 -->
  </div>
  <div class="scroll-section">
    <!-- 第三部分内容 -->
  </div>
</div>