使用javascript vanilla从dom的元素水平滚动。

// 获取需要水平滚动的DOM元素
const container = document.querySelector('.container');

// 添加滚动事件监听器
container.addEventListener('scroll', function(event) {
  // 监听滚动事件
  const scrollLeft = event.target.scrollLeft;
  console.log('当前滚动位置：', scrollLeft);
});

// 更新滚动位置
function scrollTo(target, to, duration) {
  if (duration <= 0) return;
  const difference = to - target.scrollLeft;
  const perTick = difference / duration * 10;

  setTimeout(function() {
    target.scrollLeft = target.scrollLeft + perTick;
    if (target.scrollLeft === to) return;
    scrollTo(target, to, duration - 10);
  }, 10);
}

// 示例：将DOM元素水平滚动到指定位置
const targetPosition = 500; // 目标滚动位置
const scrollDuration = 1000; // 滚动持续时间（毫秒）
scrollTo(container, targetPosition, scrollDuration);