Maison >interface Web >js tutoriel >Comment JavaScript peut-il faire défiler automatiquement vers le bas d'une page Web ?
Défilement automatique des pages vers le bas
Lors de la navigation dans une page Web contenant plusieurs éléments, il peut être fastidieux de faire défiler manuellement vers le bas pour afficher le contenu. Cela devient encore plus difficile lorsque l’élément souhaité se trouve en bas de page. Heureusement, il existe une solution utilisant JavaScript qui automatise ce processus.
Solution utilisant JavaScript
Pour faire défiler jusqu'à un élément spécifique en bas de la page, utilisez le code suivant :
window.scrollTo(0, document.body.scrollHeight);
Cette ligne de code récupère la hauteur de défilement du corps du document et fait défiler la page jusqu'à cette position. Cependant, dans les cas où des éléments sont imbriqués dans d'autres éléments, le corps du document peut ne pas défiler comme prévu.
Gestion des éléments imbriqués
Dans de tels scénarios, ciblez l'élément qui fait défiler et utilisez plutôt sa hauteur de défilement :
nestedElement.scrollTo(0, nestedElement.scrollHeight);
Supplémentaire Ressources
Pour référence ultérieure, considérez ce qui suit ressources :
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!