Rolagem de scroll indo para um iframe – efeito de âncora
Boas galera!!
Respondendo uma dúvida no iMasters, vi que não é possível usarmos âncoras HTML com iframes(pelo menos eu não consegui) .
O menu tá lá em cima, e o iframe no meio do conteudo, escondido pela rolagem.
isso aqui:
<a href="http://www.google.com.br/#externo" target="externo" id="google">google</a>
<iframe src="" name="externo" id="externo" width="1000px"></iframe>
infelizmente não funciona.
Logo, a próxima solução que pensei, foi usar javascript para tal:
<html>
<head>
<script type="text/javascript">
window.onload = function(){
document.getElementById('google').onclick = function(){
window.document.body.scrollTop = document.getElementById('externo').offsetTop;
}
}
</script>
</head>
<body>
<a href="http://www.google.com.br/" target="externo" id="google">google</a>
<div id="espaco">
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
</div>
<iframe src="" name="externo" id="externo" width="1000px"></iframe>
</body>
</html>
=) é isso ai.