scrollend イベントを使わないようにしたい (古めのブラウザ対応)

[dynamis]

うっかり気付くのが遅れてしまったのだが、scrollend という比較的最近サポートされたイベントを利用しており、Chrome 114, Firefox 109 以降でなければ横スクロールボタンの切り替えが行われない。

https://developer.mozilla.org/ja/docs/Web/API/Element/scrollend_event

gem-tanzanite.github.io/js/app.js

Lines 308 to 320 in caf963f

	homeWrapper.addEventListener("scrollend", (event) => {
	scrollButtons.forEach((button) => {
	button.setAttribute("aria-hidden", false);
	});
	if (homeWrapper.scrollLeft === 0) {
	document.querySelector(".scroll-prev").setAttribute("aria-hidden", true);
	} else if (
	homeWrapper.scrollLeft ===
	homeWrapper.scrollWidth - homeWrapper.clientWidth
	) {
	document.querySelector(".scroll-next").setAttribute("aria-hidden", true);
	}
	});

諸都合で Chromium 109, Firefox 102 という微妙に足りないバージョンでデモする必要があるため scrollend イベント非依存コードに変更したい。

[Hidetaro7]

scrollend 対応ブラウザではそのまま、非対応の場合 scroll イベントで対応する方針。
↓
画面左は FF 91（scrollend 非対応）
右は FF 128 （対応）

PR済み
https://github.com/Hidetaro7/gem-tanzanite-dev/pull/35
Cloudflare pages Previewにて確認済み
https://fallback-scrollend-event.gem-tanzanite-dev.pages.dev/