Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

michelmfreitas

Iframe redimensionando automaticamente

Recommended Posts

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!

Compartilhar este post


Link para o post
Compartilhar em outros sites

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');

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.