Maison >interface Web >js tutoriel >Comment puis-je faire défiler une division vers le bas en JavaScript ?

Comment puis-je faire défiler une division vers le bas en JavaScript ?

Barbara Streisand
Barbara Streisandoriginal
2024-12-23 16:33:15215parcourir

How Do I Keep a Div Scrolled to the Bottom in JavaScript?

Faire défiler vers le bas d'un Div

Lors de la création d'applications de chat avec des requêtes Ajax, il est souvent nécessaire de s'assurer que la fenêtre de discussion défile jusqu'à en bas pour afficher les messages entrants. Ceci peut être réalisé en utilisant JavaScript.

Garder le div défilé vers le bas par défaut

Pour conserver un div défilé vers le bas par défaut, vous pouvez utiliser ce qui suit code :

var objDiv = document.getElementById("scroll"); // Replace "scroll" with the ID of your div
objDiv.scrollTop = objDiv.scrollHeight;

Défiler vers le bas après un Ajax Requête

Pour faire défiler le div vers le bas après une requête Ajax, vous pouvez ajouter le code suivant au rappel de réussite :

$.ajax({
  // Your Ajax request code
  success: function(data) {
    // After the Ajax request
    var objDiv = document.getElementById("scroll"); // Replace "scroll" with the ID of your div
    objDiv.scrollTop = objDiv.scrollHeight;
  }
});

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn