如何向下滚动预标签

Question

所以我有一个HTML标签，其中包含很多代码，并带有overflow：auto。如何使用jquery将pre标签向下滚动（因此内容的最后一行是可见的）？

Answer 1

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

jsFiddle Example

Answer 2

使用jQuery scrollTop方法设置任何容器的滚动位置。试试这个

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

由于您想要滚动到内容的结尾，请尝试使用

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