채택완료

아이프레임 이중스크롤 없애는것좀 봐주실수있으신가요?ㅠㅠ

2017-09-05 (화) 07:20:19 4,299

<html>

    <span itemscope="" itemtype="http://schema.org/Organization">

 <link itemprop="url" href="">

 <a itemprop="sameAs" href=""></a>

 </span>

<head>

        <meta charset="utf-8">

<title>마이사이트 테스트 (아이프레임)</title>

<script type="text/javascript">

var iframeids=["myframe"]

var iframehide="yes"

var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]

var FFextraHeight=getFFVersion>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers

function resizeCaller() {

var dyniframe=new Array()

for (i=0; i<iframeids.length; i++){

if (document.getElementById)

resizeIframe(iframeids[i])

if ((document.all || document.getElementById) && iframehide=="no"){

var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])

tempobj.style.display="block"

}

}

}

function resizeIframe(frameid){

var currentfr=document.getElementById(frameid)

if (currentfr && !window.opera){

currentfr.style.display="block"

if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax

currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight; 

else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax

currentfr.height = currentfr.Document.body.scrollHeight;

if (currentfr.addEventListener)

currentfr.addEventListener("load", readjustIframe, false)

else if (currentfr.attachEvent){

currentfr.detachEvent("onload", readjustIframe) // Bug fix line

currentfr.attachEvent("onload", readjustIframe)

}

}

}

function readjustIframe(loadevt) {

var crossevt=(window.event)? event : loadevt

var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement

if (iframeroot)

resizeIframe(iframeroot.id);

}

function loadintoIframe(iframeid, url){

if (document.getElementById)

document.getElementById(iframeid).src=url

}

if (window.addEventListener)

window.addEventListener("load", resizeCaller, false)

else if (window.attachEvent)

window.attachEvent("onload", resizeCaller)

else

window.onload=resizeCaller

</script>

<head>

    <meta charset="utf-8">

    <style>

        body{

            margin: 0px;

            padding: 0px;

        }

        #bar{

            border: 1px red solid;

        }

        #img01{

            position: fixed;

            background-color: white;

            width: 100%;

            height: 160px;

            background-image: url(uuu.jpg);

            /*background-size: 50%;*/

            background-repeat: no-repeat;

            /*background-attachment: fixed;*/

        }

    </style>

</head>

<body>

<head>

    <meta charset="utf-8">

    <style>

        body{

            margin: 0px;

            padding: 0px;

        }

        #bar{

            border: 1px red solid;

        }

        #img01{

            position: fixed;

            background-color: white;

            width: 100%;

            height: 200px;

            background-image: url(uuu.jpg);

            /*background-size: 50%;*/

            background-repeat: no-repeat;

            /*background-attachment: fixed;*/

        }

    </style>

</head>

<body>

<!--    <img alt="" src="googlelogo.png" />

    <div id="bar"> </div>-->

    <div id="img01"><center><table width=900 border=0>

<tr><td><center> <a href="http://mysite.com"><img src="logo.jpg"></a>

   <a href="http://url.com"><img src="logo.jpg"><a href="javascript://" onclick="window.external.AddFavorite('http://mysite.com','♥')"title="즐겨찾기 추가"><img src="love.gif"></a></a></td></tr>

<tr>

<td style=font-size:9pt;  position:fixed;>

<B>      

 <center>

<a href="javascript:loadintoIframe('myframe', 'http://url.com')"><img src = "1.jpg"width="175" height="30"></a>

<a href="javascript:loadintoIframe('myframe', 'http://url.com')"><img src = "2.jpg"></a>

<a href="javascript:loadintoIframe('myframe', 'http://url.com')"><img src = "3.jpg"></a>

 <a href="javascript:loadintoIframe('myframe', 'http://url.com')"><img src = "4.jpg"></a>

    <a href="javascript:loadintoIframe('myframe', 'http://url.com')"><img src = "6.jpg"></a><br>

     <a href="javascript:loadintoIframe('myframe', 'http://url.com')"><img src = "5.jpg"></a>

     <a href="javascript:loadintoIframe('myframe', 'http://url.com')"><img src = "7.jpg"></a>

    <a href="javascript:loadintoIframe('myframe', 'http://url.com')"><img src = "8.jpg"></a>

    <a href="javascript:loadintoIframe('myframe', 'http://url.com')"><img src = "9.jpg"></a>

    <a href="javascript:loadintoIframe('myframe', 'http://url.com')"><img src = "10.jpg"></a><br>

</table></div>

</body>

  <br/><br/><br/>

  <br/><br/><br/>  <br/><br/><br/>  

<center><iframe id="myframe" src="http://url.com" scrolling="auto" marginwidth="50%px" marginheight="50%px" frameborder="0" vspace="0" hspace="0" style="overflow:hidden; width:100%; height:100%; display:none"></iframe>

<script type="text/javascript">

if(typeof document.compatMode!='undefined'&&document.compatMode!='BackCompat')

{

    cot_t1_DOCtp="_top:expression_(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression_(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);}";

}

else

{

    cot_t1_DOCtp="_top:expression_(document.body.scrollTop+document.body.clientHeight-this.clientHeight);_left:expression_(document.body.scrollLeft + document.body.clientWidth - offsetWidth);}";

}

var cot_tl_bodyCSS='* html {background:url(빈 이미지 blank.gif) fixed;background-repeat: repeat;background-position: right bottom;}';

var cot_tl_fixedCSS='#cot_tl_fixed{position:fixed;';

var cot_tl_fixedCSS=cot_tl_fixedCSS+'_position:absolute;';

var cot_tl_fixedCSS=cot_tl_fixedCSS+'z-index:1;';

var cot_tl_fixedCSS=cot_tl_fixedCSS+'width:100%;';

var cot_tl_fixedCSS=cot_tl_fixedCSS+'text-align:center;';

var cot_tl_fixedCSS=cot_tl_fixedCSS+'bottom:0px;';

var cot_tl_fixedCSS=cot_tl_fixedCSS+'right:0px;';

var cot_tl_fixedCSS=cot_tl_fixedCSS+'clip:rect(0 100% 100% 0);';

var cot_tl_fixedCSS=cot_tl_fixedCSS+cot_t1_DOCtp;

document.write('<style type="text/css">'+cot_tl_bodyCSS+cot_tl_fixedCSS+'</style>');

</script>

    </head>

<body leftmargin='0' topmargin='0'>

<style>

#cot_tl_fixed{margin: 0 auto; width:100%; height:30; background-color:#fff; color:white; border-left:1px solid #333333; border-right:1px solid #333333; float:left;    text-align:center;  vertical-align:middle;}

</style>

        <div id="cot_tl_fixed" >

        </div>

</body>

</html>

scrolling=no 이거는 아예 없어져서 스크롤을 이용을 못해서 안되고요..

이중스크롤이라서 눈에 안보였으면 하거든요..

어떤분이 예문으로

<script>
self.resizeTo(document.body.scrollWidth , document.body.scrollHeight );
parent.scrollTo(0,0);
</script> 


이거 하면된다는데


어디다가 끼어야하는지...

 iframe에 들어가는 문서 맨 마지막에 추가해도 다른곳곳에 해도 안되더라구요 ㅠㅠ 


이상 초짜의 질문이었습니다...부탁드려요... 이중스크롤... 숨기기..

답변 1개 / 댓글 1개

채택된 답변
+20 포인트

scroll 없애는 부분이랑 overflow:hidden; 이부분이랑 겹치는거 같습니다.

위에 소스를 iframe 하단에 넣고 overflow:hidden; 이걸 없애보세요

답변에 대한 댓글 1개

여전히 똑같이 나오네요 ㅠ,ㅠㅠ

답변을 작성하려면 로그인이 필요합니다.