如何分别为左按钮和右按钮向材质ui选项卡滚动按钮添加后处理样式

// 左按钮点击事件处理函数
function handleLeftButtonClick() {
  const container = document.getElementById('scroll-container');
  const scrollPosition = container.scrollLeft;
  const scrollDistance = 100; // 设置滚动距离

  container.scrollTo({
    left: scrollPosition - scrollDistance,
    behavior: 'smooth' // 平滑滚动效果
  });

  // 添加后处理样式
  const leftButton = document.getElementById('left-button');
  leftButton.classList.add('after-effect');
}

// 右按钮点击事件处理函数
function handleRightButtonClick() {
  const container = document.getElementById('scroll-container');
  const scrollPosition = container.scrollLeft;
  const scrollDistance = 100; // 设置滚动距离

  container.scrollTo({
    left: scrollPosition + scrollDistance,
    behavior: 'smooth' // 平滑滚动效果
  });

  // 添加后处理样式
  const rightButton = document.getElementById('right-button');
  rightButton.classList.add('after-effect');
}