src/scripts/lib/tabbar.ts


1
2
3
4
5
6
7
8
9
10
11
12

export function mountTabbar() {
	const tabbarEls = document.querySelectorAll<HTMLElement>(".o-tabbar__tabs");

	for (const tabbarEl of tabbarEls) {
		const selectedItemEl = tabbarEl.querySelector<HTMLElement>(".o-tabbar__tab.is-selected");

		if (selectedItemEl) {
			tabbarEl.scrollLeft =
				selectedItemEl.offsetLeft - 0.5 * tabbarEl.clientWidth + 0.5 * selectedItemEl.clientWidth;
		}
	}
}