사용자 목록 테이블이 부모 div를 벗어나나요?

이는 무한 스크롤과 넓은 테이블에서 발생하는 일부 문제를 보여줍니다… 여기서 시연해 보겠습니다:

현재 동작 방식은 이러한 경우 애플리케이션 전체가 가로로 스크롤되도록 되어 있습니다… 보통 이를 피하려 하지만, 영상의 후반부를 보면 이 문제를 해결하는 것이 오히려 상황을 악화시킬 수 있는 경우가 있음을 알 수 있습니다. 오버플로우를 숨기고 테이블 오버플로우만 가로 스크롤할 수 있도록 가로 스크롤바를 추가하면, 스크롤바가 테이블의 아래에 위치하며 뷰포트 하단에 고정되지 않습니다… 따라서 새로고침을 통해 새 결과를 로드하는 동안 스크롤바에 도달하기가 매우 어렵습니다.

오버플로우가 발생하는 테이블 상단에 일부 JavaScript를 사용하여 별도의 스크롤바를 추가하는 것이 가장 좋은 옵션이 될 것 같습니다.

1개의 좋아요