如何创建一个可以永远在垂直方向滚动的滚动窗格？

<div class="scroll-pane">
  <!-- 这里放置需要滚动的内容 -->
</div>

.scroll-pane {
  height: 300px; /* 设置滚动窗格的高度 */
  overflow-y: scroll; /* 在垂直方向上显示滚动条 */
}

<div class="scroll-pane">
  <p>这是一段文本，内容较长，会超过滚动窗格的高度。</p>
  <img src="image.jpg" alt="图片">
  <table>
    <tr>
      <th>表头1</th>
      <th>表头2</th>
    </tr>
    <tr>
      <td>数据1</td>
      <td>数据2</td>
    </tr>
    <!-- 其他行... -->
  </table>
  <!-- 其他内容... -->
</div>