Publicado em 11 de mai.

Iframe redimensionando automaticamente

Olá pessoal!

Estou criando a página de um blog que deve ter um cabeçalho dinamicamente já construído em outra páginas. Porém, estou colocando dentro do site e puxando o blog via iframe.

Dois poréns: primeiro ele não carrega a página completa do blog em sua totalidade, parece que depende da resolução. Outro ponto é que o blog terá um sistema de carregamento dinâmico de postagens, com o botão "exibir mais", assim, a página deverá aumentar ao clicar no botão, mas tudo isso dentro do iframe e sem barra de rolagem.

Vi alguns tópicos na net utilizando scrollHeight mas não funcionou. Alguém pode me auxiliar?

Abraços!

Discussão (1)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Rafael Sirotheau· 11 de mai.

Você quer ajustar a altura do iframe automaticamente de acordo com o tamanho do seu conteúdo?

1. Define uma função na janela top.

// Ex.

var ifr = document.getElementsByTagName('iframe')[0];

window.setHeight = function(h){
 ifr.style.height = h;
}

2. No iframe, chame a função criada janela top

var body = document.body,
 html = document.documentElement;

var novaAltura = Math.max( body.scrollHeight, body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight );

top.setHeight(novaAltura + 'px');