Foros del Web - Ver Mensaje Individual

emprear · #5 (**permalink**) 02/03/2013, 19:15

Efectivamente. como señala @Bonez, con javascript

Algo asi

index.html

Código HTML:

Ver original<!DOCTYPE html>
<html lang="es-ar">
<head>
<meta charset="utf-8" />
<title>scroll to en iframe desde parent</title>
</head>
<body>
<p><button onclick="document.getElementById('iframescroll').contentWindow.scrollWindow(1600,500);">ir a posición 1600,500</button>
<br />
<button onclick="document.getElementById('iframescroll').contentWindow.scrollWindow(500,300);">ir a posición 500,300</button>
</p>
<iframe src="scrollto.html" id="iframescroll" width="500" height="200" style="overflow: hidden; border: solid 1px #000;">
</iframe>
</body>
</html>

scollto.html (src del iframe)

Código HTML:

Ver original<!DOCTYPE html>
<html lang="es-ar">
<head>
<meta charset="utf-8" />
<title>scrollTo en iframe</title>
<style type="text/css">
/*<![CDATA[*/
html, body{
padding: 0;
margin: 0;
border: none;
height: 2000px
width: 2000px;
}
div#test{
position: absolute;
left: 1600px;
top: 500px;
width: 100px;
height: 40px;
background: lime;
margin: 0;
}
 
div#test2{
position: absolute;
left: 500px;
top: 300px;
width: 100px;
height: 40px;
background: red;
margin: 0;
}
/*]]>*/
</style>
<script>
function scrollWindow(x,y){
window.scrollTo(x,y);
}
</script>
</head>
<body>
<div id="test">
    1600,500
</div>
<div id="test2">
    500,300
</div>
</body>
</html>

Es decir, definis la función en el iframe que usa el método scrollTo() y le pasás los valores desde el parent

SAludos