document.addEventListener('DOMContentLoaded', () => {
const tableContainers = document.querySelectorAll('.table-container');
for (const tableContainer of tableContainers) {
const scrollHint = document.createElement('div');
scrollHint.className = 'scroll-hint scroll-hint--show';
scrollHint.innerText = '横にスクロールできます';
tableContainer.appendChild(scrollHint);
const showScrollHint = () => {
if (tableContainer.scrollWidth > tableContainer.clientWidth) {
scrollHint.classList.add('scroll-hint--show');
} else {
scrollHint.classList.remove('scroll-hint--show');
}
};
showScrollHint();
tableContainer.addEventListener('scroll', () => {
scrollHint.classList.remove('scroll-hint--show');
});
}
});
error: Content is protected !!