콘텐츠 높이에 맞게 iFrame의 크기를 동적으로 조정하는 방법은 무엇입니까?

콘텐츠 높이와 동적으로 일치하도록 iFrame 높이 크기 조정

질문: iframe 높이를 동적으로 설정하려면 어떻게 해야 합니까? 내용의 높이를 맞추려면 스크롤바가 필요하지 않나요?

답변:

기존 JavaScript 방법에서는 액세스 거부 오류가 발생할 수 있지만 직접 통신이 포함된 솔루션 iframe과 상위 페이지 사이를 사용할 수 있습니다.

구현:

1. iFrame 페이지에서 트리거:

   • iFrame 페이지의 본문에서 window.onload를 사용하여 본문의 높이를 상위 페이지에 전달하는 온로드 트리거를 추가합니다.

2. 크기 조정 상위 페이지의 함수:

   • 상위 페이지에서 새 높이를 인수로 사용하는 resizeIframe이라는 JavaScript 함수를 만듭니다.
   • iframe의 높이를 다음으로 조정합니다. 새 높이에 맞춰 몸 외부의 패딩이나 요소를 수용할 수 있도록 약간의 오프셋을 추가합니다.

3. 통합:

   • 처음에는 iFrame을 숨기고 로딩 이미지를 표시합니다.
   • resizeIframe 함수 실행 시 로딩 이미지를 숨기고 iFrame을 표시하여 원활한 모습을 보여줍니다.

제한사항:

이 방법은 동일한 도메인 통신에 의존합니다. iFrame이 다른 도메인에서 시작된 경우 프록시 PHP 스크립트 또는 블로그의 RSS 피드를 상위 페이지에 직접 통합해야 할 수 있습니다.

위 내용은 콘텐츠 높이에 맞게 iFrame의 크기를 동적으로 조정하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!