스크롤 문의 드립니다

Question

안녕하세요.. 스크롤관련 문의 드립니다..테이블에 overflow로 가로 스크롤을 주고 있는데 노란 부분에도 가로 스크롤을 추가할 방법이 있을까요?테이블이 길어질 때 상단이나 하단에서 스크롤을 사용하고 싶습니다.그런데 검색능력이 좋지 않은지 찾을 수가 없네요ㅠㅠ

조따시 · Answer

상단에 스크롤바가 보이는 별도의 요소를 만들고 javascript로 스크롤 동기화 이벤트를 부여하면 될 것 같습니다.예시)const topScrollbar = document.querySelector('.top-scrollbar'); const tableWrapper = document.querySelector('.table'); topScrollbar.addEventListener('scroll', () => { tableWrapper.scrollLeft = topScrollbar.scrollLeft; }); contentWrapper.addEventListener('scroll', () => { topScrollbar.scrollLeft = tableWrapper.scrollLeft; });

스크롤 문의 드립니다

1개의 답변

기술 목록