如何制作具有触摸和滚动支持的垂直旋转木马？

<div class="carousel-container">
  <div class="carousel-item">Item 1</div>
  <div class="carousel-item">Item 2</div>
  <div class="carousel-item">Item 3</div>
  ...
</div>

.carousel-container {
  width: 100%;
  height: 300px;
  overflow: hidden;
}

.carousel-item {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

const carouselContainer = document.querySelector('.carousel-container');
let rotationAngle = 0;

carouselContainer.addEventListener('touchstart', handleTouchStart);
carouselContainer.addEventListener('touchmove', handleTouchMove);
carouselContainer.addEventListener('wheel', handleScroll);

function handleTouchStart(event) {
  // 记录触摸起始位置
}

function handleTouchMove(event) {
  // 根据触摸移动的距离计算旋转角度，并应用到容器元素上
}

function handleScroll(event) {
  // 根据滚动方向计算旋转角度，并应用到容器元素上
}