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
Libérer: 2024-12-23 16:33:15
original
258 Les gens l'ont consulté

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;
Copier après la connexion

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;
  }
});
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal