더블 스크롤을 피하기 위해 요소 높이를 조정하십시오.

iframe 태그를 통해 PDF를 통합 한 고객 용 페이지를 설계했습니다. 따라서 PDF가 크면 두 개의 스크롤 막대가 있습니다. 페이지 중 하나와 iframe에 포함 된 PDF 중 하나 (PDF는 브라우저에서 통합 된 Adobe 플러그인에 의해로드 됨)입니다. 페이지 스크롤바 만 유지하기 위해 dinamically iframe 높이의 크기를 조정할 수 있습니까?더블 스크롤을 피하기 위해 요소 높이를 조정하십시오.

감사합니다. Francesco.

출처

2013-01-31 fpellegrino

추가 ** 스크롤 = "아니오"** ' – krish

@krish :이 모드에서는 PDF는 정수가 아니라 첫 페이지 만 볼 수 있습니다. 실제로 iframe 높이는 무한하지 않으며 pdf 원래 높이에 맞지 않습니다. – fpellegrino

아래 답변 중 하나라도 귀하의 질문에 대한 해결책을 제시 한 경우, 답변 옆에있는 체크 표시를 클릭하여 답변을 수락하십시오. 이것은 미래의 사용자가 같은 질문에 대한 답을 찾는 데 도움이 될 것입니다. 고맙습니다. – SnareChops

당신은 당신이 동적으로 높이를 설정하여 크기를 조정 jQuery를 사용할 수 <iframe id="myiframe" ...

말했다 잘 경우 :

document.getElementById("myiframe").style.height = "someHeight";

나 :

$("#myiframe").height('someHeight');

또는 자바 스크립트

다른 것을 찾고 있다면 흥미로운 기사가 있습니다 here (Dynamically resize divs with jQuery).

출처

2013-01-31 11:31:21 SnareChops

jQuery/JavaScript를 통해 높이를 설정하려면 올바른 값을 설정하기 위해 PDF 높이를 알아야합니다. 그러나 PDF가 dinamically (그리고 그것은 항상 동일하지 않습니다)로로드되기 때문에, 나는 PDF 파일의 높이 값을 매번 모르기 때문에 어떤 값을 $ ("# myiframe "). height ('someHeight'); – fpellegrino

당신은 스크롤바

을 방지하기 위해 overflow을 사용할 수 있습니다

HTML :

<iframe src="..." class="pdf-frame"></iframe>

CSS :

.pdf-frame { 
    overflow: visible; 
}

출처

2013-01-31 11:57:05

더블 스크롤을 피하기 위해 요소 높이를 조정하십시오.

답변

관련 문제