☰

스크롤 막대 없이 HTML 파일에서 스크롤

tag-icon • tag-icon windows browser html javascript
스크롤 막대 없이 HTML 파일에서 스크롤

스크롤 대신 마우스 휠 확대/축소 기능을 추가하는 자바스크립트가 포함된 HTML 파일이 있습니다.

스크롤 막대는 표시되지 않으며 상하좌우 이동은 마우스 드래그 앤 드롭을 통해서만 가능합니다.

PageUp그리고 PageDown일도 하지 마세요.

스크린샷을 시도하면 전체 페이지 콘텐츠가 아닌 브라우저 창에만 해당 영역의 스크린샷이 표시됩니다.

나의큐질문은: 그것이 어떻게 가능합니까?

  • 적어도 PageDown(연속 스크린샷을 만들기 위해) 아래로 스크롤하려면,
  • 또는 가장 좋은 경우 전체 페이지(브라우저에 표시되는 영역뿐만 아니라)를 image/pdf로 저장하는 것입니다.

답변1

죄송합니다. 제가 아는 바로는 이 작업을 수행하는 쉬운 방법이 없습니다. 브라우저에서 개발자 도구(F12)를 사용할 만큼 숙련되지 않은 경우.

예를 들어 Google Chrome의 경우:

  1. 사진을 찍고 싶은 영역을 마우스 오른쪽 버튼으로 클릭하세요.
  2. "검사"를 선택하세요

  3. 오른쪽에 있는 스타일 창에서 다음 CSS 스타일을 추가해 보면 페이지를 스크롤할 수 있을 것입니다.

    • 과다
    • 너비
    • 키

이 DevTools 스크린샷을 참조하세요.

예를 들어:

element.style {
    overflow: visible;
    width: 2000px;
    height: 2000px;
}

필요한 경우 값 및/또는 다른 CSS 스타일을 약간 조작해야 할 수도 있습니다. 문제의 페이지에 대한 정확한 URL을 제공하지 않았기 때문에 여기서는 일반적인 답변만 제공합니다.

관련 정보