Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17501
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Como obter a altura real da div overflow auto jquery

15-01-2016 14:45

Nesse post vou mostrar um exemplo de como obter a altura real do conteúdo da div mesmo quando usamos o overflow auto para criar uma barra de rolagem na mesma.

Segue um exemplo:

<script src="jquery.js"></script> <script> $(document).ready(function() { // ALTURA DO CONTEÚDO MOSTRADO NA DIV alert( $("code").outerHeight() ); // ALTURA REAL DO CONTEÚDO DA DIV alert( $("code")[0].scrollHeight ); }); </script> <style> code{ overflow:auto; width:500px; height:100px; border:1px solid #ccc; display:block; } </style> <code> a<br /> a<br /> a<br /> a<br /> a<br /> a<br /> a<br /> a<br /> a<br /> a<br /> a<br /> a<br />a<br /> a<br /> a<br /> a<br />a<br /> a<br /> a<br /> a<br /> a<br />a<br />a<br /> a<br /> </code>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado