• Blog

• 

• • jQuery: Auto-scroll de DIV
  • Enviado em 23/08/2010 15:00

  • Olá amigos,

    É mais simples que dar nó em gravata. Primeiro vamos ao CSS:

    <div id="div" style="width: 600px; height: 80px; overflow: auto;"></div>

    Nossa DIV precisa ter uma largura e altura definida pra ficar legal, não esquecendo do overflow: auto; para acrescentar a barra de rolagem.

    Depois disso, vamos ao Javascript/jQuery:

    $('#div').animate
    ({
    	scrollTop: $('#div').attr("scrollHeight") 
    }, 500);

    Neste exemplo, usando a função animate, descemos o conteúdo da DIV verticalmente baseado em seu tamanho.

    Simples, não é? Não entendeu nada? Veja um exemplo!

    Abraços do Zatec

  ---

  Tweet

  ---

  Envie seu comentário!

  

  Comentário

  Nome:
  

  E-mail: (Não será divulgado)
  

  Site ou blog: (Opcional)
  

  Comentário: (Máximo de 255 caracteres)
  

  Enviar

  ---

  Veja também:

  • PHP: Convertendo hyperlinks de string para HTML
  • PHP: Buscando informações do tempo em uma cidade
  • jQuery: Mini editor BBCode
  • Prêmio Peixe Grande 2010
  • jQuery: Duplicar campos de formulários

• 

• © MMIX-MMXII Guilherme Augusto Madaleno
  Termos e Privacidade • Suporte • Contato

• • 
  • 
  • 
  • 
  • 
  • 

Ok