코드 블록이 매우 길 수 있습니다. 예를 들어, 전체 빌드 로그나 기타 긴 텍스트가 포함된 경우 등이 그렇습니다… 게시물의 코드 블록 섹션에서 스크롤하거나, 특히 작은 화면 크기에서 코드 블록의 끝까지 스크롤하는 것이 그리 쉽지 않습니다. 가장 쉬운 방법은 코드 블록 앞의 더 큰 요소를 스크롤하거나, 측면의 10px 영역을 찾아 스크롤하는 것입니다.
거대한 코드 블록에 오버레이를 추가하여 사용자 상호작용이 있을 때까지 스크롤을 방지하는 것이 좋은 옵션이 될 것입니다. 사용자가 클릭하면 오버레이가 사라지고 스크롤이 활성화됩니다.
이것은 첫 번째 버전입니다. 저는 이런 걸 염두에 두고 있었지만, 요소 높이를 정의하는 데 막혀 있습니다. 오버레이는 스크롤 가능한 코드 블록에서만 표시되어야 합니다. element.scrollHeight > n 등으로 시도해 봤는데, 높이가 항상 0으로 반환되는 것 같습니다. 코드 블록이 스크롤 가능한지 여부를 정의하는 다른 방법을 찾아야 합니다…