Jan.01

Como deixar a barra de scroll sempre em baixo numa DIV ou TEXTAREA? Javascript – JQuery

Iae pessoal, tudo bem?

Estes dias estavamos enfrentando um probleminha relacionando textarea, limitação de caracteres e scrollbar, sempre que o limite era atingido a função implementada para fazer a checagem fazia uma operação que subia o scroll para o inicio do textarea, o que dava um efeito meio ruim para o usuário, feito isso pesquisamos e achamos uma solução bem simples que deixa o scroll sempre em baixo, tirando esse “bug” xD

Segue o código utilizando JQUERY:


$("#nomeCampoOuDiv").scrollTop($("#nomeCampoOuDiv")[0].scrollHeight);

Codigo Utilizando JavaScript:


document.getElementById("idCampo").scrollTop = document.getElementById("idCampo").scrollHeight;

Só lembrando: A maioria das implementações efetuam uma operação com subString assim que o limite é atingido, entao nesse momento a configuração do scroll deve ser setada.

HTML,JavaScript
Share this Story:
  • facebook
  • twitter
  • gplus

Leave a comment

Comment