2017-12-06 5 views
0

div가 있습니다. 이 div에는 채팅이 있습니다. 이 div에는 스크롤 막대가 있습니다. 한 번에이 div 콘텐츠의 스크린 샷을 찍고 싶습니다. 나는 거의 div 높이를 500 %로 변경하고 오버 플로우를 보였다. 그러나 문제가있다. 사실 나는 스크린 샷에서 채팅의 상당 부분을 차지했지만, 어떤 시점에서 채팅은 다음과 같이 이미지의 끝까지 긴 공백으로 사라졌습니다.전체 div 요소의 스크린 샷을 사용할 수 없습니다 (스크롤 채팅 div)

Firefox의 "스크린 샷 노드"기능을 사용하여이 스크린 샷을 찍었습니다. 그리고 나는 여러분이 상상할 수있는 모든 확장 기능을 시도해 보았습니다. 아무 것도 작동하지 않았습니다 (div 스크롤, 주 페이지 스크롤 만 감지하지 못했습니다). 어쨌든 가능한 경우 HTML/CSS 솔루션을 원합니다. 왜 작동하지 않는지 이해하고 싶습니다.

The screenshot of chat div

당신이 볼 수 있듯이,이 흰색 공간을 많이하지만, 인쇄에 의해 무시되었다 그 채팅 더 많이있다.

어떻게 되었을까요?

+0

[이 호] (https://github.com/mozilla-services/screenshots/issues/2129)에 따르면 스크린 샷을 5000px로 제한/제한했습니다. 메시지가 없거나 자르기가 실패한 경우 github 페이지에서 새 문제점을 열 수 있습니다. 그건 그렇고, 콘텐츠의 좋은 익명화 ;-) – Kaiido

답변

1

스크롤 창과 스크롤 막대의 스크린 샷을 얻으려면 FastStone Capture을 사용할 수 있습니다. 캡쳐 스크롤 창 <Ctrl + Alt + PrtSc>을 수동 모드로 사용하십시오.

+0

내가 말했듯이, 이러한 소프트웨어/확장 기능은 메인 페이지의 스크롤 막대에서만 작동하며 div의 스크롤과는 작동하지 않습니다. 나는 벌써 노력했다. –

+1

수동 모드를 사용하십시오. 이미 시도해 봤지만 캡처 스크롤 창을 클릭하고 Ctrl 키를 누른 상태에서 캡처하려는 영역을 선택하여 그린 후 스크롤 막대를 클릭하여 전체 div를 캡처합니다. – NuelG

+0

효과가있었습니다! 와우, 인상적이야! 나는 너무 많은 것을 시도했다, 형제 ... 나는 모든 희망을 잃었다, hehe. 고마워 –