Ir para conteúdo

Arquivado

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

rikaschmitt

Pegar altura de uma div por jQuery

Recommended Posts

Preciso pegar a altura de uma div por jQuery.

Ela não tem altura definida por css, então a altura varia de acordo com o conteúdo.

 

Estou usando esse código para ajustar a margin-top automaticamente de acordo com a altura da div, só que na verificação de teste, a altura está como ZERO. Não sei mais o que fazer para setar a altura.

 

Exemplo:

 

    var alturaDivTxt = SC(".slide-txt").height();
    var autoH = SC(".autoH-banner").css("height");
    var alturaDoBanner = autoH.replace("px","") / 2;
    var alturaTxtFinal = alturaDoBanner - alturaDivTxt;
    alert('div: '+alturaDivTxt+' banner: '+alturaDoBanner+' final: '+alturaTxtFinal);

Aparece assim o alert: "div: 0 banner: 666 final: 666", só não está pegando a altura mesmo...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá! Tente assim:

var alturaDivTxt = $(".div").height();

Tente usar innerHeight(); também.

Espero ter Ajudado ;)

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá! Tente assim:

var alturaDivTxt = $(".div").height();

Tente usar innerHeight(); também.

Espero ter Ajudado ;)

 

Aquele SC é um noConflit que eu fiz.. então tá certo.

E já tentei usar outros tipos de height e mesmo assim não funciona :(

Compartilhar este post


Link para o post
Compartilhar em outros sites

Consegui.

 

Utilizei um timer para executar a função, pois provavelmente ela estava sendo executada antes de todo o site estar carregado.

 

O código correto é:

 

    setTimeout(function() { 
        var alturaDivTxt2 = SC('.slide-txt').height();
        var autoH2 = SC(".autoH-banner").height();
        var alturaDoBanner2 = (autoH2 / 2) + 60;
        var alturaTxtFinal2 = alturaDoBanner2 - alturaDivTxt2;


        SC(".slide-txt").css({ "margin-top": +alturaTxtFinal2+"px" });
    }, 600); 

:) valeu.

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.