垂直スクロールを水平に変換

垂直スクロールを水平スクロールへ変換

// タブ部分を上下にスクロールすると左右に
document
  .querySelector("#tab-scroll-container")
  .addEventListener("wheel", transformScroll);

// 上下方向のスクロールをそれぞれ左右方向に変換
function transformScroll(event) {
  if (!event.deltaY) {
    return;
  }
  event.currentTarget.scrollLeft += event.deltaY + event.deltaX;
  event.preventDefault();
}

要素の最大スクロール値を取得する

// 横スクロールの最大値を取得
const scroll_max = scroll_element.scrollWidth - scroll_element.clientWidth;