js与jquery滚动条怎么自动滚到底

发布时间:2019-08-21编辑:脚本学堂
js与jquery实现滚动条自动滚动到底的二个例子,jquery中scrollTop方法,以及js中scrollHeight、scrollTo方法实现滚动条的自动滚动。

js jquery 滚动条自动滚到底

设置页面加载时滚动条自动滚到底的方法:
1、jquery滚动条
 

复制代码 代码示例:
$(function(){
  var h = $(document).height()-$(window).height();
  $(document).scrollTop(h);
});

2、javascript滚动条:
 

复制代码 代码示例:
window.onload = function(){
  var h = document.documentElement.scrollHeight || document.body.scrollHeight;
  window.scrollTo(h,h);
}

在需要用到页面加载时滚动条自动滚动到底效果时,可以参考如上的例子。