垂直スクロールを水平スクロールへ変換
// タブ部分を上下にスクロールすると左右に
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;