javascript中的水平滑动问题

// 获取滑动元素
var slider = document.getElementById('slider');

// 定义变量记录起始位置和当前位置
var startX, currentX;

// 监听触摸或鼠标事件
slider.addEventListener('touchstart', handleStart, false);
slider.addEventListener('touchmove', handleMove, false);
slider.addEventListener('touchend', handleEnd, false);

slider.addEventListener('mousedown', handleStart, false);
slider.addEventListener('mousemove', handleMove, false);
slider.addEventListener('mouseup', handleEnd, false);

// 处理触摸或鼠标事件的函数
function handleStart(event) {
  // 记录起始位置
  startX = event.touches ? event.touches[0].clientX : event.clientX;
}

function handleMove(event) {
  // 阻止默认滚动行为
  event.preventDefault();

  // 计算当前位置
  currentX = event.touches ? event.touches[0].clientX : event.clientX;

  // 计算位置差值
  var deltaX = currentX - startX;

  // 移动滑动元素的位置
  slider.style.transform = 'translateX(' + deltaX + 'px)';
}

function handleEnd(event) {
  // 清空起始位置和当前位置
  startX = null;
  currentX = null;
}