전체 본문을 HTML로 둘러싼 요소의 속성

Question

페이지가 있고 전신을 덮는 SVG 요소를 추가하기 위해 크롬 콘솔을 사용하고 있습니다. 나는

var svg = document.createElementNS("http://www.w3.org/2000/svg", "svg"); 
svg.style.position = "absolute"; 
svg.style.left = svg.style.right = svg.style.top = svg.style.bottom = "0px"; 
svg.style.opacity = 0.5; 
svg.style['z-index'] = 100; 
svg.style.width = "100%"; 
svg.style.height = "100%"; 
document.body.appendChild(svg); 

콘솔에서 다음 명령을 입력하지만 우리는 아래로 스크롤 할 수 있도록 페이지가 충분히 긴 경우 SVG 요소 만, 전체 페이지를 즉, 표시 페이지의 일부를 커버 포함되지 않습니다.

제안 사항?

Answer 1

뷰포트에서 요소를 수정하려면 대신 position:fixed;을 사용하십시오. 그렇지 않으면

는 100%를 사용하지만,하지 않습니다

svg.style.height = Math.max(document.body.scrollHeight, 
    document.documentElement.scrollHeight) + 'px';