iframe 높이 질문입니다.
본문
현재 스크립트를 이용하여 높이를 자동 조절하고 있습니다.
<iframe id="iframe_show" style="position: relative;" name="iframe_show" marginheight="0" marginwidth="0" frameborder="0" onload="changeHeight()"
width="100%" height="1000" scrolling="no">
</iframe>
<script>
function changeHeight() {
var the_height=document.getElementById('iframe_show').contentWindow.document.body.scrollHeight;
document.getElementById('iframe_show').height=the_height; }
</script>
이렇게 설정을 한뒤 iframe을 이용하여 view페이지를 보면 일단은 자동으로 스크롤이 생기게 됩니다.
그런데 문제가 내용이 긴 게시글를 들어가면 스크롤이 길게 나타난 후 다른 짧은 게시글로 들어가게 되면 그 스크롤이 계속 유지가 되더라구요.. 짧은 만큼 스크롤이 없어지거나 짧아져야하는데...
어떤 문제인지 궁금합니다. 조언 부탁드리겠습니다.
(추가) 파이어폭스에서는 잘 되지만 크롬에서 안됩니다.
답변 2
아래 소스로도 시도해 보세요.
크롬에서 잘되는 합니다 ㅎ
<script>
$(function(){
// iframe height auto resize
var height = window.innerHeight;
$('iframe').css('height', height);
$(window).resize(function(){
var height = window.innerHeight;
$('iframe').css('height', height);
});
});
</script>
이런식으로 쓰면 iframe부분에 iframe의 id값을 넣고 따로 onload는 안해도 되는건가요???
스크립트 윗 부분에 다음을 넣고 테스트해 봤네요.
<a href="http://www.daum.net" target="i_f">다음</a><br>
<a href="http://navycolor.com" target="i_f">네이비컬러</a><br><br>
<iframe width="100%" height="500px" name="i_f" frameborder=1></iframe>
아 저렇게 확인한 결과 기본에 iframe을 포함하고 있는 페이지에서도 스크롤이 나오고 iframe내에서도 스크롤이 나오네요.. 제가 원했던 것은 iframe내의 스크롤이 아닌 전체 페이지의 스크롤로 높이조절을 하는 것입니다. 제가 글을 좀 이상하게 썻네요 ㅜ
게시판 스킨에 ID값을 주고
게시판 height 값을 구한다음에
그값을 Iframe height 값으로 주는 방식이 맞지 않을까요?
newheight = $("#"+id).contents().find("#mainContent").height(); // mainContent 가 게시판스킨 아이디
document.getElementById(id).height= (newheight) + "px"; // id 는 iframe 아이디
게시판 스킨 아이디라는게 무슨뜻인지 잘 모르겠네요 ㅜㅜ
