Faites défiler automatiquement vers le bas de la page

J'ai une liste de questions. Lorsque je clique sur la première question, cela devrait automatiquement m'amener à un élément spécifique en bas de la page.

Comment puis-je faire cela avec jQuery ?

Solution du problème

jQuery n'est pas nécessaire. La plupart des meilleurs résultats que j'ai obtenus d'une recherche Google m'ont donné cette réponse :

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

Là où vous avez des éléments imbriqués, le document peut ne pas défiler. Dans ce cas, vous devez cibler l'élément qui défile et utiliser sa hauteur de défilement à la place.

window.scrollTo(0, document.querySelector(".scrollingContainer").scrollHeight);

Vous pouvez lier cela à l' onclickévénement de votre question (c'est-à-dire <div onclick="ScrollToBottom()"...).

Quelques sources supplémentaires que vous pouvez consulter :

• http://www.sourcetricks.com/2010/07/javascript-scroll-to-bottom-of-page.html


• http://www.alecjacobson.com/weblog/?p=753


• http://www.mediacollege.com/internet/javascript/page/scroll.html


• http://www.electrictoolbox.com/jquery-scroll-bottom/