Maison >interface Web >js tutoriel >Comment puis-je faire défiler par programmation vers le bas d'une page Web à l'aide de JavaScript ?

Comment puis-je faire défiler par programmation vers le bas d'une page Web à l'aide de JavaScript ?

DDD
DDDoriginal
2024-12-02 20:11:11959parcourir

How Can I Programmatically Scroll to the Bottom of a Web Page Using JavaScript?

Faites défiler automatiquement vers le bas de la page

Vous cherchez à faire défiler jusqu'à un élément spécifique au bas d'une page en cliquant sur un certain déclencheur ? Ceci peut être réalisé efficacement sans utiliser jQuery.

Solution :

window.scrollTo(0, document.body.scrollHeight);

Explication :

Ce simple code JavaScript fera défiler la page verticalement jusqu'à la position spécifiée par la propriété document.body.scrollHeight. Il représente la hauteur totale du corps du document, y compris tous les éléments défilés verticalement.

Considérations :

  • Dans le cas d'éléments imbriqués, vous il faudra peut-être cibler l'élément qui défile et utiliser sa hauteur de défilement à la place :

    nestedElement.scrollTo(0, nestedElement.scrollHeight);

Supplémentaire Ressources :

  • http://www.alecjacobson.com/weblog/?p=753
  • http://www.mediacollege.com/i Internet/javascript/page/scroll.html
  • http://www.electrictoolbox.com/jquery-scroll-bottom/

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