有没有办法以编程的方式在框架布局中创建水平滚动排列？

<div class="container">
  <div class="item">Item 1</div>
  <div class="item">Item 2</div>
  <div class="item">Item 3</div>
  <div class="item">Item 4</div>
  <div class="item">Item 5</div>
</div>

.container {
  display: flex;
  overflow-x: scroll;
}

.item {
  flex: 0 0 auto;
  width: 200px;
  height: 200px;
  margin-right: 10px;
}

const container = document.querySelector('.container');
container.addEventListener('scroll', function() {
  // 滚动事件处理逻辑
  // 使用container.scrollLeft来获取滚动距离
});