Comment faire défiler la balise pre

Question

Donc j'ai une balise HTML pre avec beaucoup de code dedans et avec overflow: auto. Comment puis-je configurer la balise pre pour être défilée vers le bas (de sorte que la dernière ligne du contenu soit visible) avec jquery ?

Answer 1

jQuery( function(){
   var pre = jQuery("#myPre");
    pre.scrollTop( pre.prop("scrollHeight") );
});

Exemple jsFiddle

Answer 2

Utilisez la méthode scrollTop de jQuery pour définir la position de défilement de n'importe quel conteneur. Essayez ceci

$("elementSelector").scrollTop(valueToScroll);

Comme vous voulez faire défiler jusqu'à la fin du contenu, essayez ceci

$("elementSelector").scrollTop($("elementSelector").innerHeight());