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 !!